Html5 & Css3 Readiness

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.

Pure CSS3 AT-AT Walker

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

Conditional Classnames

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?

Current Web Design Resources

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

CSS Galleries

WordPress Themes (Inspiration)

Photoshop and Illustrator Tutorials

Other Stuff

Parallax

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…



appointive
appointive
appointive
appointive