IdealStyleAndDesign.com » Screencast http://www.idealstyleanddesign.com Ideal Style And Design Wed, 21 Sep 2011 11:20:46 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 New Screencast: Code Walkthrough of Drawing Table http://www.idealstyleanddesign.com/new-screencast-code-walkthrough-of-drawing%c2%a0table/ http://www.idealstyleanddesign.com/new-screencast-code-walkthrough-of-drawing%c2%a0table/#comments Fri, 08 Oct 2010 12:41:16 +0000 admin http://www.idealstyleanddesign.com/new-screencast-code-walkthrough-of-drawing%c2%a0table/ Yet Another Related Posts Plugin.]]>

The Drawing Table is in essence a mini one-page jQuery application. It has one primary function, creating a colored design by changing the colors of cells in an HTML table. However it has many features to make this as easy and useful as possible. In this screencast we walk through the existing code looking at the finished example, the markup, and the JavaScript powering that it feature by feature.

src="http://cdn.css-tricks.com/wp-content/uploads/2010/10/screencast-92-thumb.png" alt="" title="" /> /> View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-code-walkthrough-of-drawing%c2%a0table/feed/ 2 New Screencast: Organizing a Photoshop Document http://www.idealstyleanddesign.com/new-screencast-organizing-a-photoshop%c2%a0document/ http://www.idealstyleanddesign.com/new-screencast-organizing-a-photoshop%c2%a0document/#comments Thu, 08 Jul 2010 18:40:49 +0000 admin http://www.idealstyleanddesign.com/new-screencast-organizing-a-photoshop%c2%a0document/ Yet Another Related Posts Plugin.]]>

If you are like me, you are both guilty of seriously unorganized Photoshop documents and appreciate well organized ones. The disorganization isn’t intentional, it’s just born of (if you’ll pardon the likely-inaccurate clich) being in right-brained creative mode and caring about what you are looking at not the left-brained organizational stuff. Then it compounds itself as you go in and out of the file for days on end. If you are handing this file off to someone else, or are beginning the HTML/CSS conversion process, it’s a great idea to revisit the file with the specific intent of organizing it. We’ll cover good naming conventions, using folders, layer comps, and various other little tricks.


View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-organizing-a-photoshop%c2%a0document/feed/ 2 New Screencast: Intro to Compass/Sass http://www.idealstyleanddesign.com/new-screencast-intro-to%c2%a0compasssass/ http://www.idealstyleanddesign.com/new-screencast-intro-to%c2%a0compasssass/#comments Fri, 25 Jun 2010 11:36:11 +0000 admin http://www.idealstyleanddesign.com/new-screencast-intro-to%c2%a0compasssass/ Yet Another Related Posts Plugin.]]>

Ask a bunch of designers what they wish CSS could do that it cant now, and youll get a big list that reads much like the list of features for the Compass/Sass framework. If you are like me, you dont have any trouble writing CSS, but the thought of being able to using things like variables, mixins, and nesting is rather enticing. I learned quite a bit in my first musings with Compass/Sass and answered a lot of my own questions about how it works. Youll see it all here.


View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-intro-to%c2%a0compasssass/feed/ 1 New Screencast: Moving Up with MAMP http://www.idealstyleanddesign.com/new-screencast-moving-up-with%c2%a0mamp/ http://www.idealstyleanddesign.com/new-screencast-moving-up-with%c2%a0mamp/#comments Fri, 18 Jun 2010 05:53:07 +0000 admin http://www.idealstyleanddesign.com/new-screencast-moving-up-with%c2%a0mamp/ Yet Another Related Posts Plugin.]]>

Working locally with MAMP is awesome, but what about when you need to take that site live? Last time we got a version of WordPress installed locally, now we’ll take that local version and move it to a real live site. This entails moving files as well as moving the database, and changing a couple of values in that database.


View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-moving-up-with%c2%a0mamp/feed/ 0 New Screencast: First Moments with MAMP http://www.idealstyleanddesign.com/new-screencast-first-moments-with%c2%a0mamp/ http://www.idealstyleanddesign.com/new-screencast-first-moments-with%c2%a0mamp/#comments Fri, 28 May 2010 16:36:51 +0000 admin http://www.idealstyleanddesign.com/new-screencast-first-moments-with%c2%a0mamp/ Yet Another Related Posts Plugin.]]>

I’m way behind the times on this one, but until recently, I have never really developed locally. Everything I did was “going commando” and working directly on servers. The situation arose where I really needed to, so now I have MAMP (Mac, Apache, MySQL, and PHP) installed locally. It is an excellent program and works great. I go over what it’s like in the first few minutes of using it, and get a fresh copy of WordPress installed locally.


View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-first-moments-with%c2%a0mamp/feed/ 0 New Screencast: Best Practices with Dynamic Content http://www.idealstyleanddesign.com/new-screencast-best-practices-with-dynamic%c2%a0content/ http://www.idealstyleanddesign.com/new-screencast-best-practices-with-dynamic%c2%a0content/#comments Fri, 14 May 2010 04:36:40 +0000 admin http://www.idealstyleanddesign.com/index.php/2010/05/new-screencast-best-practices-with-dynamic%c2%a0content/ Yet Another Related Posts Plugin.]]>

One of the articles I updated during “May is Maintenance Month” was an article about dynamic content. The idea was a simple website where clicking a link would fade out the existing content and fade in new content that it fetched via AJAX. The old article didn’t encompass what I now consider to be best practices for this kind of thing. 1) Works fine with JavaScript disabled. 2) It is possible to “deep link” to specific content. 3) The browsers back button and forward button work as expected.


View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-best-practices-with-dynamic%c2%a0content/feed/ 0 New Screencast: Site Walkthrough of chris-mcgarry.com http://www.idealstyleanddesign.com/new-screencast-site-walkthrough-of%c2%a0chris-mcgarry-com/ http://www.idealstyleanddesign.com/new-screencast-site-walkthrough-of%c2%a0chris-mcgarry-com/#comments Sun, 14 Feb 2010 11:27:10 +0000 admin http://www.idealstyleanddesign.com/index.php/2010/02/new-screencast-site-walkthrough-of%c2%a0chris-mcgarry-com/ Yet Another Related Posts Plugin.]]>

I built a site for a musician friend of mine who is putting out a new album. Clearly having playable tracks is important, but the classic issue of having those tracks stop when a new page is loaded comes up (like Screencast #81). This time instead of using AJAX, all the content on the entire site exists on one page, and things are shuffled around through jQuery animations. The result is a somewhat Flash-like website, but without all the pitfalls of Flash.


View Screencast

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.idealstyleanddesign.com/new-screencast-site-walkthrough-of%c2%a0chris-mcgarry-com/feed/ 0