Monday, May 17th, 2010
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.
Tagged as Browsers, CSS, HTML5, Infographics, Web Design
Posted in Web Design | Comments Off on Html5 & Css3 Readiness
Wednesday, February 3rd, 2010
All I can really say about this is “Wow.” And also, maybe someone has too much time on their hands.
Tagged as Animations, CSS
Posted in Programming, Web Design | Comments Off on Pure CSS3 AT-AT Walker
Tuesday, October 21st, 2008
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?
Tagged as Conditional Stylesheets, CSS, IE6, Internet Explorer
Posted in Web Design | Comments Off on Conditional Classnames
Monday, October 20th, 2008
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
Tagged as CSS, Grids, Illustrator, Photoshop, Themes, Tutorials, Web Design, Wireframes, WordPress
Posted in Web Design | 2 Comments »
Thursday, September 4th, 2008
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…
Tagged as CSS, JavaScript, jQuery, Parallax
Posted in Programming, Web Design | Comments Off on Parallax