HTML5
Resources for anything HTML5 related including HTML5 templates.


Periodic Table of HTML5

  • Posted By: Jason Taetsch
  • ...

With over 100 different elements currently employed in the HTML5 standard, having a cheat sheet of all the available tags and attributes can save even the most dedicated of developers valuable time when mocking up a project. The Periodic Table of HTML Elements by Josh Duck conveniently organizes all the available tags in a familiar format right out of science class. The table puts each element in a category based on their usage, from the various table elements, to forms and metadata to images, video and other embedded multimedia content.  Click on an element for a quick summary of its usage and intended function. The table also includes a URL-specific scanning feature that allows you to see which HTML elements used the most on a specific website.

 

HTML5 Periodic Table

CSS3 Generator

  • Posted By: RankRaiser
  • ...

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.

 

css3 generator

Browser Compatibility Charts for HTML 5 and CSS 3

  • Posted By: RankRaiser
  • ...

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.

How to Design and Code iPhone App Website in HTML5

  • Posted By: RankRaiser
  • ...

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.

HTML5 Cheat Sheet

  • Posted By: RankRaiser
  • ...

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.

html5 cheat sheet