background preloader

HTML5 Presentation

HTML5 Presentation
In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. Uncounted bees and yellow jackets, newly born, raced out of their hives and holes, overwhelmed by this impossible banquet. Then came the wind. It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley.

http://slides.html5rocks.com/#landing-slide

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:

Related:  TechProgrammingLes Basesnelkaehel