Video Screencasts

Being organized and using good formatting in your CSS files can save you lots of time and frustration during your development process and especially during troubleshooting. The multi-line format makes … Read article “#8: CSS Formatting”

Using a variation of the CSS Sprites technique, we can create a “three state” menu using only one image per menu item. This reduces the number of requests on your … Read article “#7: Three State Menu”

Before I get too far along in these screencasts, I thought I would introduce you a little to my working environment and explain the tools that I use. First off, … Read article “#6: Tools of the Trade”

Forcing multiple columns to be of equal height is one of those tricky things in web design. In this screencast I’ll show you a little trick around it. Instead of … Read article “#5: Columns of Equal Height: Super Simple Two Column Layout”

In this screencast I talk about how to force vertical scrollbars onto websites. Without doing this, pages with centered content can appear to “jump” to the left or right when … Read article “#4: Forcing Scrollbars: Eliminating “Horizontal Jumps””

I finish up the design in part three of this series on coverting an Adobe Photoshop website mockup into an actual HTML/CSS website. This one focuses on the main content … Read article “#3: Converting a Photoshop Mockup (part 3 of 3)”

In part two of this series on converting a Photoshop mockup to an HTML/CSS Website I continue on with the header/menu section of the site. I change the way in … Read article “#2: Converting a Photoshop Mockup (part 2 of 3)”

In this first-ever video podcast, I start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website. This is pretty rough here … Read article “#1: Converting a Photoshop Mockup (part 1 of 3)”