HTML 5 & CSS 3

Digital

UPDATE: For an awesome example of HTML 5, check this out

If you haven't yet experienced the joys of HTML 5 and CSS 3, you're in for a right treat! We've known about HTML 5 for some time now, and we've been eagerly anticipating it's full release. Whilst we're still not there yet, we are at a point where most web browsers are supporting a number of features and there's now a light at the end of the tunnel! We've spent the whole morning going all gooey over what can now be done on the web!

This is a huge step forward, and with that in mind, you're gonna' have to excuse our excitement! In fact, this blog is no longer going to be a 'How To', but rather, a big old list of HTML 5 examples! So, let's hear it for HTML 5! WOOHHOOOOO!

HTML 5 and CSS 3: The Techniques You'll Soon Be Using

If you were after a 'How To', check out the link above.

Canvas Photo Demo

This is so cool. You can resize, drag, rotate and do all sorts of crazy stuff with photos.

Polaroid Photo Viewer

Another crazy photo viewer using CSS 3 and a bit of jQuery. What a great way to put together a photo album!

Hidden Messages

Ph Creative put together an awesome example of how you can create hidden messages using HTML 5 and CSS 3. Simply highlight all of the text in each of the paragraphs on this page and read the text not highlighted!

Super Awesome Buttons with CSS 3 and RGBA

A neat way to create scalable, drop-shadow buttons that can be used on white and black backgrounds. A bit of an overkill, but still, rather useful to know!

Border-images

Maybe not as impressive as the Polaroid photo viewer, but being able to use an image as a border is pretty useful nonetheless!

ContentEditable

HTML 5 now lets you create websites on which users can edit content, and changes can be stored on their local machines.

The list goes on...

If you've got any examples of how HTML 5 and CSS 3 has been used, post up a link using the form below!

Leave a comment