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.

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"></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>

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. 20 Extremely Useful CSS Tools - StumbleUpon - Pentadactyl Most of the time writing website’s CSS is enjoyable and fun job. However some of the tasks aren’t always fun. CSS tools are here to help with those not so fun tasks, and make developers job a bit easier. We rounded up a collection of extremely useful CSS tools. Some tools are new and some are old, but we hope that you will find a couple of new useful or at least inspiring tools. Variable Grid System

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 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.

CSS Ribbon Menu - StumbleUpon - Pentadactyl Use CSS3 transitions and CSS2 pseudo-elements to create an animated navigation ribbon with minimal markup. February 1, 2012 Browser Support 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:  Programmingnelkaehel