HTML5 Cross Browser Polyfills
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.
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 for a way to conditionally load these scripts client-side based on feature detects? See Modernizr. Looking for a guide to writing your own polyfills? See Writing Cross-Browser JavaScript Polyfills.
-
svgweb by brad neuberg & others
- fallback via Flash
-
Raphaël by dmitry baranovsky
- abstracted API. adds features. fallback for IE via VML.
- Ample SDK by Sergey ilinsky
-
canvg by Gabe Lerner
- writes SVG to canvas. Good for Android.
- SVG Boilerplate alpha and still buggy, but handle multiple concurrent SVG shims together
-
SIE SVG library by dhrname
- fallback to VML for oldIE
-
dojo gfx by Eugene Lazutkin, Kun Xi, Chris Mitchell
- fallback via VML, Canvas, Silverlight and Flash
-
fabric.js by kangax
- can render SVG via canvas.
- inline SVG polyfill by mstalfoort
- FakeSmile by David Leunen
-
FlashCanvas by Shinya Muramatsu
- reported to have 33x better performance than excanvas.
- excanvas by google, erik arvidsson
- slcanvas project (Original Silverlight bridge, demo page)
- canvas-text only necessary for canvastext in IE, really
- fxCanvas
- storage polyfill by remy sharp
- sessionstorage by andrea giammarchi
- Amplify.js by appendTo HTML5 API with fallbacks for HTML4 browsers (including IE6)
- realStorage HTML5 API is a subset of overall API
- YUI3 CacheOffline by YUI team
- ssw by matthias schäfer
- $.store by rodney rehm
- lawnchair by brian leroux
- jStorage
- webstorage by ryan westphal
- store.js by marcus westin
- PersistJS by paul duncan
- Squirrel.js by Aaron Gustafson
-
html5shiv by jon neal, afarkas & community
- enables for print use, as well.
-
innerShiv by joe bartlett
- enables elements for innerhtml use
-
html5media
- Uses flowplayer swf for fallback.
-
mediaelement.js by John Dyer
- swf player that mimics HTML5 media API. Consistent UI across browsers and flash.
<track>
support.
- swf player that mimics HTML5 media API. Consistent UI across browsers and flash.
-
SublimeVideo
- World's first zero maintenance HTML5 video player as a service solution.
-
video.js by Zencoder
- Device fixes.
<track>
support
- Device fixes.
-
video for everybody by Kroc Camen (orig.)
- The granddaddy of
<video>
fallbacks. Markup-based solution, works without javascript. A must read.
- The granddaddy of
- videosub
- JSCaptions by Daniel Davis
- Captionator by Christopher Giffard (Supports WHATWG TextTrack spec & has experimental support for MediaTracks/synchronised media elements)
- playr by Julien Villetorte (support both WebVTT & SubRip files)
- jPlayer custom player with jQuery dependency, flash fallback
- audio.js custom player, flash fallback by ab+c
- SoundManager2 custom player, flash fallback, api, extensive documentation
- clientdb.js requires gears. non-html5 api
- webstorageportabilitylayer requires gears. non-html5 api
- SQLjs requires gears. non-html5 api
- DomSQL non-html5 api
- localStorageDB non-html5 api
- LocalStorageDB.js non-html5 api
- Webshims Lib several Polyfills including Constraint Validation and several input-widgets by Alexander Farkas
- H5F by ryan seddon
- webforms2 by weston ruter
- h5Validate by Eric Hamilton
- nwx forms (demo) by Diego Perini
-
html5widgets by Zoltan Hawryluk
- uses webforms2 a few other battle-tested scripts for datepicker and colorpicker.
-
Accessible and unobtrusive slider /
<input type=range>
polyfill by Brian McAllister -
<input type=range>
shim for Firefox 4 by Frank Yan - jquery.html5form by Matias Mancini
- gallery-html5-forms YUI3 gallery module (HTML5-enable forms for legacy browsers; requires YUI3) by Matt Snider
- jscolor Polyfill version of jscolor by Jan Odvárko. by Johannes J. Schmidt
- Placeholder jQuery plugin by Mathias Bynens
- placeholder.js by NV. Both jQuery and pure JS versions (no longer maintained according to the author)
- Placeholder Enhanced by Denis Ciccale
- jQuery-Placeholder by Daniel Stocks
- jquery html5 placeholder by miketaylr
- jquery-placeholder by Glenn Nilsson
- jquery.HTML5Support (supports placeholder and autofocus) by Amiel Martin
- placeholder by ajcates
- jquery.placeholder.js by Paul Serby
- (personally i can't think of a good reason to use fake workers.. just sayin')
- fakeworker
- web worker api shim
- SockJS by Marek Majkowski
-
socket.io by guillermo rauch
- abstracts API and adds features
-
kaazing websocket gateway
- commercial product. pure polyfill.
-
web-socket-js
- supports CORS fallback
-
atmosphere jQuery plugin
- fallback to comet long-polling
-
Graceful WebSocket jQuery plugin by David Lindkvist
- fallback to comet long-polling
- Webshims Lib has support for Geo location(among others) by Alexander Farkas
- geolocation shim by paul irish
-
geo-location-javascript
- mobile-centric: non-standard blackberry and webos tricks
- Geolocation-API-Polyfill by Manuel Bieh
- html5-gears by brad neuberg
- offline-event.js by Remy Sharp (Opera not supported, and Safari doesn't update navigator.onLine property)
- History.js by Benjamin Lupton - (optional hashchange fallback for HTML4 browsers)
-
- PJAX (pushState + ajax = pjax) by Chris Wanstrath (not a polyfill)
- hashchange jQuery event by ben alman
- HistoryManager Mootools Plugin by arieh glazer
- SWFAddress (popular among Flash developers) & jQuery Address by Asual DZZD
- jQuery History Plugin by Benjamin Lupton
- jQuery Ajaxy by Benjamin Lupton
- Hasher by Miller Medeiros
- EventSource by Remy Sharp
- jQuery.EventSource by rick waldron
- EventSource by Yaffle
- APNG-Canvas by Давид Мзареулян
-
png.js by Devon Govett
- Parses and renders PNGs both animated and static to a canvas element with putImageData
- Cross-browser ruby annotations using CSS by Zoltan Hawryluk
-
<details>
fallback via jQuery by Mathias Bynens (repository) -
Another
<details>
alternative, also based on jQuery by Manuel Bieh - jquery-details by Denis Sokolov.
- Pure JS polyfill with DOM API and IE6+ support by Егор Халимоненко
-
<meter>
fallback by strings28 -
<meter>
jQuery plugin/shim by xjamundx
-
<progress>
polyfill by Lea Verou -
<menu type="context">
polyfill by Rodney Rehm
-
dataset
fallback by Eli Grey
- jQuery HTML5 datalist plugin by miketaylr.
- Relevant Dropdowns by Chris Coyier.
- datalist fallback by adactio. Not a polyfill, but it's done with PE.
- Webshims Lib has support for datalist-element (includes input[list], input[selectedOption], datalist[options]) by Alexander Farkas
- polyfill for 'reversed' attribute on ordered lists by Louis Lazaris. Also integrates with the 'start' attribute, which has 100% browser support. See also: Reverse Ordered Lists in HTML5
- A vanilla-js polyfill (with
start
attribute support)
-
Scoped Styles by Simon Madine
- jQuery Plugin to enable the scoped attribute on style blocks so they only affect their parent element's children.
-
dropfile.js by Andrew Dodson
- Creates the FileReader part of the FileAPI via silverlight
-
jDataView by vjeux
- DataView polyfill for structured data
-
FileSaver.js by eli grey
- incl BlobBuilder shim
- David Chambers'
window.btoa
andwindow.atob
polyfill - base64 with concatenated strings support and some testing
Please also note that strings out of the ASCII range need an additional layer of encoding in JavaScript.
- jQuery webcam plugin is not quite a polyfill but useful!
- also this webcam glue code might be a good start. w3c device spec
- No polyfills available yet for [[
ConnectionPeer
|http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#peer-to-peer-connections]]
- jebgl uses a java applet to emulate.
- webgl-compat maps the API to 2D canvas
- cwebgl
-
XAudioJS by Grant Galitz
- Audio sample stream output thin-abstraction library that supports mono and stereo audio, as well as resampling the audio stream.
- Supports the Mozilla Audio Data API, Web Audio API, Adobe Flash 10, real-time WAV PCM Data URI generation
- dynamicaudio.js by Ben Firshman
- audiolib.js by jussi kalliokoski
- classList.js by Eli Grey.
- Minimal classList shim by Devon Govett.
-
easyXDM by Sean Kinsey
- Implements XDM and RPC in most browsers since IE6. Also ships with an endpoint for exposing ajax across the domain boundary.
- postMessage jquery plugin by ben alman.
-
pmxdr by Eli Grey.
- Implements a cross-domain XHR. Note that sites being requested must have a pmxdr host.
- postmessage-proxied-xhr (PPX) by Atul Varma.
-
flXHR by kyle simpson
- Provides XHR API using Flash transport mechanism. Target server must have a crossdomain.xml policy file.
- Flow implements DOM3 in IE6+
- DOM-shim implements DOM4 in IE8+
document.head
- url.js implements the W3C URL API, by Erik Arvidsson
-
Rangy by Tim Down.
- Implements DOM Range and Selection APIs in IE < 9.
- insertAdjacentHTML.js by Eli Grey, implements [insertAdjacentHTML](http://html5.org/specs/dom-parsing.html#insertadjacenthtml(\))
- outerHTML.js by Eli Grey, implements outerHTML
- es5-shim by kris kowal, tom robinson, community.
-
Xccessors by Eli Grey.
- Implements ES5 accessors (getters and setters) for browsers supporting legacy methods and/or legacy methods for browsers supporting ES5.
-
getters and setters by the IE team.
- pick up get/set'ers for DOM elements in IE8
- json2.js by doug crockford
- ddr-ecma5 by David de Rosier
- augment.js by Oliver Nightingale
- es6-shim by Paul Miller.
- selectivizr by Keith Clark
- Transformie by Paul Bakaus
- CSS Sandpaper by Zoltan Hawryluk
-
cssFx - by Ivan Malopinsky
- Standalone, lightweight, client-side JS; supports almost all CSS3 properties
-
CSS Crush
- A PHP based CSS pre-processor for handling vendor prefixes, CSS variables, data-uris and minification
-
CSS Agent by Keith Clark
- A ASP.Net based CSS pre-processor for handling vendor prefixes, CSS variables and minification
- jQuery Css3 Finalize by Han Lin Yap
-
CSS3 PIE by Jason Johnston
- CSS3 decoration rendering for IE 6-9. Supports: border-radius, box-shadow, multiple backgrounds, linear gradients, border-image
-
Flexie by Richard Herrera
- Flexible box model. (flexbox) Supports: box-orient, box-align, box-direction, box-pack, box-flex, box-ordinal-group
- CSS Template Layout jQuery plug-in by Alexis Deveria
-
CSS3 - Multi Column by Cédric Savarese
- supports: column-count, column-width, column-gap, column-rule
-
jQuery Text Shadow by heygrady
- text-shadow action via jQuery plugin API
-
jQuery Text Overflow plugin by Devon Govett, Andrew A. Kononykhin, Micky Hulse
- text-overflow via jQuery plugin API (for developing standard)
-
Regions.js by Robin Ricard
- css3-regions via jQuery plugin API (for developing standard)
-
borderBoxModel by Alberto Gasparin
-
box-sizing: border-box;
javascript polyfill for IE6+
-
-
box-sizing-polyfill by Christian "Schepp" Schaefer
-
box-sizing: border-box;
for IE6 and IE7 via Microsoft's proprietary CSS behavior / .htc-script
-
-
Borderbox for Compass by Richard Herrera
-
box-sizing: border-box;
polyfill for SASS/Compass. Outputs equivalent CSS for IE6 & 7
-
-
Units by Grady Kuhnline
- Units is a JavaScript library for converting between angle and length units (including the 'rem' unit). Both are intended for use within other libraries that need to convert between acceptable CSS units when creating polyfills.
- css3-mediaqueries-js
-
Respond by Scott Jehl
- A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
-
mediatizr by Aurélien Delogu
- Responsive-oriented CSS3 media queries polyfill
-
matchMedia by Scott Jehl, Paul Irish, Nicholas Zakas
- A standardized way to check media query matching in script.
-
jQuery Media Helpers by Scott Jehl
- Some media query and cross-browser responsive design helpers, abstracted from jQuery Mobile
- cssParentSelector by Kasper Mikiewicz
- microdatajs by Philip Jägenstedt
- Microdata-JS pure JS (Extending Element.prototype with IE6+ support) by Егор Халимоненко
- xbl.js by sergey ilinsky
-
jiagra by samy kamkar
- a psuedo-polyfill for preloading pages to browser cache
- Google Swiffy - webapp converts SWF to HTML+JS. Supports subset of SWF 8 and ActionScript 2.0, and webkit-only output.
- Adobe Wallaby desktop app converts FLA to HTML+JS.
- Gordon javascript that interprets SWFs live. Plays only SWF1 files completely, as well as most of the SWF2 features.
- visibility.js by Evil Martians
- visibly.js by Addy Osmani
-
Page Visibility shim for jQuery by Mathias Bynens
- The HTML5 Page Visibility API allows you to determine whether your web page is visible to the user, is hidden in background tab or is prerendering. visibility.js deals with vendor-prefixes and provides a fallback for browsers without this API by assuming the page is always visible. However, this is a wrapper more than a polyfill.
-
hyphenator by Mathias Nater
-
CSS3 defines six properties and an at-rule that influence hyphenation.
hyphenator
is a JavaScript implementation with pattern files for many languages.
-
CSS3 defines six properties and an at-rule that influence hyphenation.
- mediacapture.js by João Martins
-
requestAnimationFrame
by Erik Möller - iScroll - The overflow:scroll for mobile webkit
RadioNodeList
polyfill
- Webshims Lib several Polyfills using lightweight capability based loading concept (shiv, innershiv, canvas, forms, ES5, localStorage/sessionStorage, JSON, geolocation) by Alexander Farkas
- Assorted file formats decoding of several file formats done in javascript, documented on the excellent jswiki
- Polyfill.js Polyfills loaded dynamically based on need (list of available polyfills on the linked page) by James Brumond
- ES5/DOM shim implements DOM API and EcmaScript 5 (and some from ES6), and bug fixing in IE6+ and over browsers
-
google chrome frame
- not exactly a feature shim, but.. well.. it'll help. :)
-
ie7.js, ie8.js, ie9.js by Dean Edwards
- A JavaScript library to make MSIE behave like a modern browser. Many fixes including PNG transparency, CSS styles/selectors, rendering bug fixes, etc.
Edited and maintained by Paul Irish. Contributions from Jonathan Cook, Mark Boas, Michael Behan, Mathias Bynens, Eli Grey, Øyvind Sean Kinsey, and others.