30 Days to Your First Website Design

Lesson Notes * Clearfix Hack * Clear Fixing

Transcript Hi guys, welcome back to 30 Days to Your First Website Design, a Tuts+ Premium course. I’m Ian Yates and today we’re going to simply go a little further into the CSS of our web design.

We’ll begin as always by taking a quick look at what we’re going to cover in this video:

• We’ll open up our layout PSD and concentrate on the column layout
• We’ll then examine the Clearfix hack, to solve our floating woes
• Then, once we’ve completed that, I’ll suggest some further reading and set an assignment

OK, this is a nice, theory-free video, so let’s dive straight into our PSD and remind ourselves of the progress so far!

[Live screencast demo not available in transcript.]

Next steps OK, it’s time for some further reading: take a look at what Chris Coyier over on CSS-Tricks has to say about the Clearfix hack. He also suggests you head over to Nicolas Gallagher’s blog for a look at his newer approach to clear fixing. And before we jump into the next video, I’d like to you bring your HTML and CSS up to where we are now.

Next time on 30 Days to Your First Website Design we’re going to continue our project and also look into browsers. I’m Ian Yates and from all of us at Tuts+ thanks for watching!