Here is a very nice visualization of support for the different HTML5 and CSS3 properties among various browsers. The visualization allows you to also look at different years from 2008-2010 which gives a great demonstration about how quickly browser vendors are finally moving to implement these standards.

All I can really say about this is “Wow.” And also, maybe someone has too much time on their hands.

• Pure CSS3 AT-AT Walker

Paul Hammond has a very clever idea about avoiding conditional sytlesheets for Internet Explorer. Basically, if we just use conditional comments for IE to include a classname in the body tag, we can isolate the specific IE rules in the main stylesheet.

Pros

• Avoids any extra HTTP requests for files with IE-only hacks
• Slicker than including that monstrosity inside the head tag
• Allows for easier reading and maintenance of stylesheets. The IE hacks can be placed where they’re relevant in the stylesheet.

Cons

• Doesn’t this defeat the entire idea of separating out hacks from standard CSS?

Does anyone else have opinions on the matter?

I’ve been steadily working on a new web design project which will eventually become a custom WordPress template. In the design process I’ve slowly managed to amass several browser windows full of tabs of related things that I was looking at for inspiration on the site.

Safari is getting pretty slow with all of those tabs so I kind of needed to do a complete dump of the tabs. Without further ado, here are the links (for my benefit as much as yours).

Wireframes

• Building a Website Wireframe in Illustrator
• Why You Should Create a Wireframe First
• Wireframing With InDesign and Illustrator
• Wireframing Part II: Illustrator Basics

CSS Galleries

• CSSelite.com
• CSS Drive (This site appears to be down as of writing this)

WordPress Themes (Inspiration)

• ThemeForest
• WP Glamour
• Cellar Heat: A Free WordPress Theme

Photoshop and Illustrator Tutorials

• Create a Vibrant Modern Blog Design in Photoshop
• Grunge Border
• Quickly Add Grunge To Text
• Illustrator Tutorials

Other Stuff

• Adobe Kuler
• 960 Grid System
• How to: CSS Large Background
• WordPress Developer’s Toolbox
• Removing Category Base from WordPress URLs

Parallax is a very interesting plugin for jQuery that allows you to create a Parallax effect:

Parallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

This is pretty neat stuff. I’m racking my brain trying to think of gratuitous ways to use this in my next design project. So far I’m only thinking of running dogs…