Stitches - An HTML5 sprite sheet generator
Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet.
html5slides - A Google HTML5 slide template
The 2012 version is mobile friendly, touch enabled, and has shiny new features. By Luke Mahé and Marcin Wichary. Demo Instructions for editing slides Get this template: and copy/paste it to a new file on your local computer.
Creating a semantic breadcrumb using HTML5 microdata
HTML5 is doing a lot for semantics and one of the key features I've been busy implementing in many of my projects is microdata. In this tip I'll share how to build a semantic breadcrumb that uses HTML5 microdata. Sites using microdata to markup their breadcrumbs also have their trail displayed on google search results like so: Marking up our breadcrumb is incredibly simple and in this tip I'll be making use of the ol list element as in my eyes your breadcrumb is an ordered list and should be marked up as such. <ol class="breadcrumb"><li itemscope itemtype=" href=" itemprop="url"><span itemprop="title">Example.com</span></a></li><li itemscope itemtype=" href=" itemprop="url"><span itemprop="title">News</span></a></li><li itemscope itemtype=" href=" itemprop="url"><span itemprop="title">News Story 1</span></a></li></ol>
The header element
Recently, we have seen a growing interest in HTML5 and its adoption by web professionals. Within the HTML5 specification we can see that there have been a significant number of new elements added, one of these the <header> element is what we’ll be covering in this post. We’ll talk about when to use it, when not to use it, its must haves and must not haves. Ready?
API v0.6
Available languages — API v0.6 is the current version of the OSM Editing API deployed 17-21 April 2009. This page was updated in March 2012 to reflect small changes applied since then, in April 2013 after the addition of the Map Notes API and in January 2016 after the addition of changeset discussions.
Learning to Love HTML5 - Smashing Magazine
Advertisement It seems that new resources and articles for teaching and promoting HTML5 are popping up almost daily. We’ve been given HTML5 templates in the form of the HTML5 boilerplate1 and HTML5 Reset2 (although they both go beyond just HTML5 stuff). We’ve got a plethora of books3 to choose from that cover HTML5 and its related technologies. We’ve got shivs4, galleries5, and a physician6 to help heal your HTML5 maladies. And don’t forget the official spec7.
C Slide show Tools
There are a bunch of tools in this directory and elsewhere for making slides using standards: Slidy The current recommendation (2005/5) is to use Dave Raggett's slideshow tool HTML Slidy, with its accompanying style sheet. If you are a member of the W3C staff, you must add a W3C icon. Some reasons for doing it this way:
Old School Cassette Player with HTML5 Audio
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette. View demo Download source
HTML5 and The Future of the Web
Advertisement Some have embraced it1, some have discarded it2 as too far in the future, and some have abandoned a misused friend3 in favor of an old flame in preparation. Whatever side of the debate you’re on, you’ve most likely heard all the blogging chatter surrounding the “new hotness” that is HTML5. It’s everywhere, it’s coming, and you want to know everything you can before it’s old news. Things like jQuery plugins, formatting techniques, and design trends change very quickly throughout the Web community.
Type Drawing [iPhone]: Draw with letters on the iPhone
TypeDrawing is an iPhone app that lets you drawing with letters! Type a sentence or word you want to say, set the background, choose the font and draw. Just released version 1.1 adds function to set background paper from photo album or by taking a picture with the camera.
HTML5 Security Cheat Sheet
Last revision (mm/dd/yy): 09/9/2015 The following cheat sheet serves as a guide for implementing HTML 5 in a secure fashion. Web Messaging Web Messaging (also known as Cross Domain Messaging) provides a means of messaging between documents from different origins in a way that is generally safer than the multiple hacks used in the past to accomplish this task. However, there are still some recommendations to keep in mind:
