background preloader

HTML5

Facebook Twitter

Ultimate HTML5 Cheatsheet. A quick reminder on how and why to use labels in forms to make them more accessible. Yesterday the excellent Alice Boxhall of the Google Chrome team pointed out an annoying bug to me: Seen in the wild on … <label for="tos-checkbox"><input type="checkbox" name="tos-checkbox">I agree</label> @codepo8 It seems the UserVoice page of Microsoft Edge has a checkbox that is inaccessible to screen reader users.

A quick reminder on how and why to use labels in forms to make them more accessible

The reason is a wrong implementation of a label. HTML5 Mastery: Encoding - Envato Tuts+ Code Tutorial. Encoding is just one of those things that need to be done right.

HTML5 Mastery: Encoding - Envato Tuts+ Code Tutorial

If done wrong, everything seems to be broken and nothing works. If done right, no one will notice. This makes dealing with encoding so annoying. Nevertheless, we are quite lucky and most of the things are already really well-prepared. HTML5 tools to make your life easier - Part 1. These useful HTML5 tools will aid various areas of web design and development.

HTML5 tools to make your life easier - Part 1

Learn HTML5 and CSS3. Latest Discussions.

Learn HTML5 and CSS3

Top 10 Best HTML5 Websites of 2014. Here are our editor's picks for the Top 10 Best HTML5 Websites of 2016 based on visual artistry, integrated sound, ease of use, and uniqueness. 1 | The Wilderness Downtown The Wilderness Downtown is an interactive music video for Arcade Fire's song ''We Used to Wait''.

Top 10 Best HTML5 Websites of 2014

Visitors are asked to input the address of the home they grew up in and then the site uses Google Earth and HTML5 to create a personalized music video that takes the user on a journey back home. 2 | Heart of The Artic Heart of The Arctic takes users on an Arctic expedition/scavenger hunt through four distinct environments designed to show users the steps that would be needed to restore climate balance to the arctic region. HTML Tags / Codes / Web Page Design. HTML XHTML Entities. Character Entity References in HTML 4 and XHTML 1.0 Here is a set of tables containing the 252 allowed entities in HTML 4 and XHTML 1.0, as described in section 24 of the official HTML 4 specifications, published by the W3C.

HTML XHTML Entities

I have divided them into my own, hopefully logical, categories: Each table has five columns. The first column contains the entity reference, in the form &entity_name;, that is, an ampersand, the entity name, and then a semi colon. The second column displays how that entity appears in your browser. The fifth column contains a description of the character, and an occasional note. All form objects in HTML 5. Starter for the new HTML5 game developers. Below you'll find useful links to resources that will help youfind your way into HTML5 game development.

Starter for the new HTML5 game developers

This list is maintained by Andrzej Mazur from Enclave Games, creator of the js13kGames competition. Contact him directly if you want to buy HTML5 games. You can also subscribe to the Gamedev.js Weekly newsletterfor HTML5 gamedev updates every Friday. Engines and frameworks#frameworks. The HTML5 Family: Microdata Overview. The Web is, and has always been, about sharing data.

The HTML5 Family: Microdata Overview

HTML5 Microdata and Schema.org. By Jason Ronallo Foundation HTML elements have semantics.

HTML5 Microdata and Schema.org

For example, an ol element is an ordered list, and by default gets rendered with numbers for the list items. HTML5 provides new semantic elements like header, nav, article, aside, section and footer that allow more expressiveness for page authors. A bunch of div elements with various class names is no longer the only way to markup this content. These new HTML5 elements enable new tools and better services for the Web ecosystem.

While these new elements provide extremely useful extra information about the sections of content, they do not really describe what the HTML document is about. Fortunately HTML5 includes a syntax called Microdata, that allows web publishers to layer richly structured metadata directly into their Web presentations. The HTML5 Family: Microdata Overview. The Web is, and has always been, about sharing data.

The HTML5 Family: Microdata Overview

When data can be processed, organized, structured or presented in a given context so as to make them useful, they become powerful information. HTML5. Learn to Code: Programming Tutorials and Resources. Getting started with HTML5 Everybody's talking about HTML5, understand how to use some of it's best features.

Learning jQuery with Street Fighter Gain a basic understanding of jQuery and how to use it on your own projects. Make a Valentine's Day E-Card Share the love with that special someone: Build a holiday card and learn HTML & CSS. A Guide to GitHub Pages Follow this step-by-step guide and launch your own GitHub page. Javascript Best Practices Part 1 Master JavaScript's best practices — with code samples and examples. Javascript Best Practices Part 2. Learn to Code Advanced HTML. HTML5. Resources for HTML5 game developers. Today we released Firefox 31 and it offers a couple of new features that help HTML5 game developers to code and debug sophisticated games. In addition Mozilla blogged about the first commercial games leveraging asm.js, Dungeon Defenders Eternity and Cloud Raiders both of which were cross-compiled in to JavaScript using the Emscripten compiler.

Games like these show that HTML5 is ready as a game platform. If you are interested in working with Emscripten you can get more information at the main Emscripten wiki or grab the code on the github page. Another good resource is the getting started with Emscripten tutorial on MDN. If you are wondering about the performance of asm.js, read asm.js performance improvements in the latest version of Firefox make games fly!

Myths About XForms and HTML 5. Myths About XForms and HTML 5 XForms, Not Ex-Forms With all the buzz about HTML 5, there are many who think that XForms is no longer relevant or necessary. After all, no browser supports it, so how can anyone use it? Fabio Biondi blog » HTML5 Chrome Packaged Apps and Arduino: bidirectional communication via serial. In this article I provide you all the code you need to create a Chrome Packaged App built in HTML/JQuery to send and get data (in JSON format) from Arduino using the chrome.serial API, enabling a bidirectional communication between them.

A Chrome Packaged App allows developers to write an HTML/JS/CSS web application that look and behave like desktop native apps (just like Phonegap does for HTML5 mobile hybrid apps). The advantage of using this technology is that you can use many special API to access filesystem, usb, bluetooth, serial (used in this article) and a lot of other interesting features of your OS. All form objects in HTML 5.