background preloader

HTML5

Facebook Twitter

RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码. HTML5 Cross browser Polyfills - GitHub. The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them.

HTML5 Cross browser Polyfills - GitHub

The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.Looking for a guide to write your own polyfills? Svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API IndexedDB Web SQL Database Web Forms Beacon. Buzz, a Javascript HTML5 Audio library. Howler.js - Modern Web Audio Javascript Library - GoldFire Studios.

Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5.

howler.js - Modern Web Audio Javascript Library - GoldFire Studios

However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The problem is that only the latest browsers support this new-fangled browser audio, so what are we to do? We were presented with this very question while developing our new HTML5 game and set out to find a library that provided the functionality we needed, without all of the bloat, while still supporting the majority of browsers.

Unfortunately, we didn't find anything that met our needs. Features Documentation Examples Most basic, play an MP3/OGG: More playback options: Define and play a sound sprite: Properties autoplay: Boolean (true by default) Set to true to automatically start playback when sound is loaded. buffer: Boolean (false by default) Set to true to force HTML5 Audio. Methods. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. A suite of Javascript libraries and tools designed for working with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon).

A suite of Javascript libraries and tools designed for working with HTML5

New class model, with big performance increases October 2014 Added 'Extras' to EaselJSTons of updates and pull requests in all libs July 2014 Major Updates to EaselJS Graphics The Story Why we built CreateJS About CreateJS CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries.

By b10b b10b. Prezi - Ideas matter. Presenteer.js. Introduction Presenteer.js a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks.

Presenteer.js

In its simplest form, it works like And then navigate through the presentation with presentation.start();, presentation.next();, presentation.prev(); and presentation.show(0-based-index); Installation Include jQuery and Presenteer.js (and possibly Sylvester.js, see below) in your page. Create the HTML and style it with CSS Then, on page load, create a Presenteer instances for every presentation on the page. I set followElementTransforms to false to make Presenteer not follow element transforms. And set followElementTransforms: true. Constructor options Apart from the followElementTransforms constructor argument, there's many more options and callbacks. Where canvas is a selector or jQuery element of the canvas on which the presentation is placed. The list of elements on the canvas is specified in the elements argument. Navigation. HTML5 Presentation. In March 1936, an unusual confluence of forces occurred in Santa Clara County.

HTML5 Presentation

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. Flotr2. HTML5 DataVis.