Screencasts 81 to 90 on 213
#4: Forcing Scrollbars: Eliminating “Horizontal Jumps”
free tutorial by css-tricks.com in Css
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 going from a page that needs to vertically scroll to one that does…
#5: Columns of Equal Height: Super Simple Two Column Layout
free tutorial by css-tricks.com in Css
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 making the actual elements themselves equal height, we’ll use a background image…
#6: Tools of the Trade: The Mac Software I Use for Web Design
free tutorial by css-tricks.com in Css
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, I work on a Mac, so these tools are Mac software. This isn’t an endorsement of any…
#7: Creating a Three State Menu
free tutorial by css-tricks.com in Css
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 server as well as eliminates any “pauses” while moving to a different…
#8: CSS Formatting
free tutorial by css-tricks.com in Css
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 it easy to browse attributes but makes your file…
#9: Starry Night: 3D Background with the Parallax Effect
free tutorial by css-tricks.com in Css
Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page. This screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha transparency…
#10: Fixed Width, Fluid Width & Elastic Width
free tutorial by css-tricks.com in Css
There are three different types of layouts for websites: Fixed Width, Fluid Width, and Elastic Width. In this screencast we look at all these three varieties of sites out on the web as well as some hybrid sites and other techniques for making use of…
#11: Working Modularly with PHP
free tutorial by css-tricks.com in Css
Many sites do not use any fancy Content Management System (CMS) to generate their pages, they are just just good ol’ static HTML content. A site for your grandmothers pie baking business probably only has a few pages, perhaps a homepage, about…
#12: Converting a Photoshop Mockup: Part Two, Episode One
free tutorial by css-tricks.com in Css
There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let’s do it again! Every website is different will require different conversion technqiues so there will be plenty to learn this time around…
#13: Converting a Photoshop Mockup: Part Two, Episode Two
free tutorial by css-tricks.com in Css
In Episode Two of this series, we continue on with the structure of the site. In Photoshop, we create the three different states of the menu, then slice them up and use the CSS sprites technique to create the rollover and “on” states for…