This Is What HTML5 Is
“HTML5 will kill Flash”, is a sentence that’s thrown around a lot, these days, but the fact of the matter is very few people know what HTML5 is. This website is a presentation of HTML5 (and CSS3) which clearly demonstrates what you can do in HTML5, so it’s a great bookmark to send to people [...]
How to Target IE6, IE7, and IE8 Uniquely with 4 Characters [CSS Hacks]
Some interesting new CSS hacks: body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ *color : yellow; /* IE7 and below */ _color : orange; /* IE6 */ } Sure, specific CSS should be served using conditional comments, but every so often, a good ol’ CSS [...]
Gmails New CSS Buttons
This morning. Or perhaps yesterday. Well this week. Maybe. Google updated the buttons in Gmail. Where they used to be CSS and images, they are now pure CSS3 using border-radius and linear-gradient. Here’s what they look like now, and here’s what they used to look like. This is interesting for two reasons. On the one [...]
Forcing Scrollbars, 2010 Edition
One of the challenges in webdesign is preventing the slight jog that happens when you — in a centered HTML design — when you go from a page that needs a scrollbar, to one that doesn’t. Think about it — you go from the short contact page to the blog, and everything is offset to [...]
jQTouch Is For iPhone-Like Web-Apps
Storing this here for my own posterity as much as yours, jQTouch is a nice jQuery addon which gives you access to doing some very nice mobile-apps effects right in your HTML webpage. Combine it with this nice iPhone PSD template, and your CV just got a little meatier.
Invoke Google Chrome Frame When Available
Google recently changed the way you harness the power of Google Chrome Frame in Internet Explorer. Chrome Frame is the plugin which adds Google Chrome as a browser renderer inside Internet Explorer, giving you access to, among other things, HTML5. Previously, you inserted a simple meta tag. Now you have to send the headers programmatically. [...]
Vanilla CSS Un-Reset With New Clearfix
My Vanilla CSS Un-Reset has been updated to 0.9.8 and now features a new interesting clearfix. I suppose that sentence deserves a little backstory. First of all, a “clearfix” is a solution to an issue inherent in using CSS to layout webpages. If you have a containing div box that contains two floating div boxes, [...]
Sliding Doors In WordPress
A default WordPress page menu is built like this: – which outputs a plain menu, <li><a href=” … “>Menu Item</a></li> and so on. If you want to use the sliding doors CSS technique, however, you need more markup. So do this: – which’ll output this a more CSS friendly markup: <li><a href=” … “><span>Menu Item</span></a></li>.