Continuing my little series of upcoming web standards soon to be included in most browsers (only the Steve’s at MS know if IE will include CSS3 & HTML 5), here are some examples of HTML 5 out in the wild. Apple’s Safari browser, and the beta of Firefox support these HTML 5 features.

Youtube HTML5 Demo

Not only does this Youtube demo use <header> & <footer>, <nav>, and <article> tags but it uses the promising <video> tag which eliminates the need for <embed> and <object> tags which require browser plugins to display video in a browser. Google also demonstrates some 3D graphic rendering in the browser, using O3D, an open-source web API for creating rich, interactive 3D applications.

See the demo here: http://www.youtube.com/html5

Read the rest of this entry »

I’ve been reading a lot lately about Web Fonts (@font-face) and how it’s been included in CSS3. Now Safari is currently the only non-beta version browser to fully support this functionality. There’s been much written about the impact this will have on web design, but I haven’t seen any examples of it in use or really any experimentation with this functionality. Late last week I decided to play around with Web Fonts.
Read the rest of this entry »

Today I was reading this article over at the webdesigner depot called 10 Best CSS Practices to Improve Your Code. The writer does a really good job of listing the important tips for writing good clean CSS code.

Here’s the list in short:

1. Stay Organized
2. Title, Date and Sign
3. Keep a Template Library
4. Use Useful Naming Conventions
5. Use Hyphens Instead of Underscores
6. Don’t Repeat Yourself
7. Optimize for Lightweight Style Sheets
8. Write Your Base for Gecko, Then Tweak for Webkit and IE
9. Validate
10. Keep a tidy house