Free Website Tools
Free Website Tools

Using border radius for rounded corners, box and text shadows and other styles is a snap with the CSS3 Generator. Not only does it give you a preview and the option to copy or download the code snippet, it also shows you which browsers and mobile devices your generated code is compatible with. Use this tool also for gradients, CSS Transition, CSS Transform, CSS Animation and @font-face properties.

Confused by which browsers support which features of HTML5 and CSS3? Find Me By IP offers a browser compatibility chart for CSS3 properties and selectors and HTML5 web applications, audio and video codecs and form attributes. Their What’s My IP feature also shows what ‘advanced’ features your own browser supports.

Designing websites for the iPhone or any other mobile phone is very different from designing websites for a desktop. When you add to this that the new HTML5 standard, it becomes even more of a challenge to keep up. But there is at least one easy way to start learning about design and coding for the iPhone in HTML5 at Line25. The tutorial offers the basic steps for designing an interface using a HTML5 structure, and visual styling with some CSS3 effects.

If you’re interested in getting started with HTML5, you will probably appreciate the HTML5 cheat sheet posted by Smashing Magazine. Even though HTML5 won’t be completely supported until 2022 it looks like it’s already on it’s way to becoming popular. SmashingMagazine promised to update this cheat sheet as new changes are being published.

There are many ways to create an image gallery and almost all of them include programming. However, there is a way to create an image gallery in HTML5 and CSS3 and it is described in details by Lostcore.es. Follow the instructions in the tutorial and you will have a cool image gallery.

The ultimate resource for learning HTML5 is its specification. W3 is the authority behind the HTML5 specification. The HTML5 specification in the link is still not in its final version but this is the basis for HTML5, so dramatic changes are unlikely to happen in the final version.

To find out all you have to do is go to HTML5 Test and you’ll get a score up to 300 to see how well your browser supports HTML5. Your browser will be rated on specifications like user interaction, like drag and drop, storage handling and geolocation. Apart from the main HTML5 specification and others created by the W3C HTML Working Group, this test also awards points for supporting related drafts and specifications.