HTML5 resources

Collection of links related to HTML5.

Mar 12 2014

Web

HTML

Sites

Use the HTML5 logo

Can I use …: Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
WHATWG: Web Hypertext Application Technology Working Group
HTML5 rocks: A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.
Mr. doob: HTML5 demos from Three.js creator.
Code Guide by @mdo: Standards for developing flexible, durable, and sustainable HTML and CSS.
Web fundamentals: A handbook for best practices (by google)
HTML5 Game Engines: Which HTML5 Game Engine is right for you?

HTML5 Canvas Tutorials

simpl.info: Simplest possible examples of HTML, CSS and JavaScript.
WebGL Fundamentals: WebGL from the ground up.
htmlreference.io: A free guide to HTML. It features all elements and attributes.
Service Worker Cookbook: The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites (by Mozilla :).

HTML5 Boilerplate: The web most popular front-end template
Popcorn: HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web.
VexFlow: open-source online music notation rendering API.
CutJS: Lightweight, fast, interactable 2D HTML5 rendering engine for cross-platform game development.
GLSL.io: an open collection of GLSL Transitions.

HTML imports: html5rocks
HTML’s New Template Tag: html5rocks
Custom Elements: a web components gallery for modern web apps
WebComponents.org: a place to discuss and evolve web component best-practices
Polymer: Building blocks for the web
X-tags: The Custom Elements Polylib
Bosonic: Bosonic Web Component
SkateJS: is a web component library designed to give you an augmentation of the web component specs focusing on a functional rendering pipeline, clean property / attribute semantics and a small footprint.

Particles in canvas

Vanilla JavaScript date manipulation: You don't need moment.js! Just use few snippets of native JavaScript code to parse and manipulate dates.
Use fetch!: Which is better? axios or fetch? Let me share my ( unconventional, as always :^) opinion.
Play T-Rex Chrome game online: If you also like Chrome, you probably also like to play with the T-Rex game but then suddenly the network arrives and the game is over...
How to add a package to bower registry: Details about how to fill a bower.json, and how to add a package to bower registry.
Emoji everywhere: 60 seconds tutorial about how to use Emoji in your web site.
CSS resources: Collection of links about CSS.
humans.txt: Discover humans.txt and add it to your site.
Web development resources: Collection of links I find on my way about Web development.
JavaScript resources: Collection of links and resources about JavaScript.