Yogi Berra once said "it's deja vu all over again", and he was right. For each HTML/CSS template I build I find myself dealing with the same issues. How do I clear everything from that floated sidebar? How do I fix the margin and padding differences between IE and Firefox?
I recently tried the Yahoo User Interface (YUI) Library's Reset, Fonts, and Grids CSS and I'm here to tell you that YUI makes many of those CSS deja vu tasks things of the past.
Molly Holzschlag wrote a thought-provoking design article that put me in the mood to comment on an article for the first time in quite a long while. I agree with Molly's basic premise, web design can be more exciting if designers drop old table-based layout conventions and look to design outside the grid more.
So you know how great cascading style sheets are. You've sworn off the use of font tags, you're creating hover link effects with CSS instead of rollover images, and you're using floating divs instead of tables to layout pages. It's a beautiful thing but you're wondering what's next?
I've been writing CSS for seven years and I'm still learning new things. I've read dozens of CSS how-to articles but very few of these discuss an effective CSS development process. So I decided to write an article to share my process.
I've found that creating themes for WordPress is a straightforward process. Since this is a theme I'd like to have remain unique to this site, I'm not offering up the source code. I will, however, try to share a bit about the process I went through to integrate WordPress with 2tbsp.com.