100+ Polyfills et Fallbacks pour HTML5

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

100+ Polyfills et Fallbacks pour HTML5

Un Polyfill est un script qui permet d’émuler les fonctionnalités qui manquent à un navigateur. Par exemple, HTML5 est constitué de nombreuses API dont certaines ne sont pas prises en charge par tous les navigateurs, y compris les plus récents. Les Polyfills permettent d’utiliser ces API d’une manière standard sans être obligé d’utiliser des contournements qui seront obsolètes à terme. Pour nous aider dans cette tâche, voici une collection de bibliothèques Javascript pour implémenter les fonctionnalités HTML5 dans les navigateurs qui ne les proposent pas nativement. Modernizr  est un bon point de départ pour détecter ces fonctionnalités.

Guide tout-en-un des solutions de repli pour HTML5Liste garantie entièrement non-alphabétique et sans grumeau ! Voici quelques exemples parmi cette liste de plus de 100 Polyfills et Fallbacks :

SVG

RaphaelJS – Raphaël est une petite bibliothèque Javascript développée par Dmitry Baranovskiy qui devrait vous simplifier la vie lors de l’utilisation des images vectorielles sur le web. Raphaël utilise les recommandations du W3C pour SVG et la technologie VML pour créer des images. Chaque visuel créé fait partie du DOM. Il est donc aisé d’ajouter des gestionnaires d’événements pour modifier ces objets à volonté. Raphaël est compatible avec Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ et Internet Explorer à partir de la version 6.0.

Canvas

ExplorerCanvas (ExCanvas) — L’élément HTML5 Canvas pour Internet Explorer. Les navigateurs modernes comme Firefox, Safari, Chrome et Opera prennent en charge le tag <canvas> pour dessiner en 2D dans le navigateur sans plugin externe. ExplorerCanvas apporte la même fonctionnalité dans Internet Explorer grâce à l’inclusion d’un simple script dans vos pages existantes (à condition qu’elles utilisent l’élément <canvas> !).

Session Storage

sessionstorage – L’objet sessionStorage pour tous les navigateurs ! (Voir aussi le script Storage polyfill de Remy Sharp).

HTML 5

html5shim & innerShiv – html5shim permet d’injecter dans le DOM d’Internet Explorer les balises HTML5. Quant à innerShiv, il s’arrange pour que les balises injectées par html5shim fonctionnent toujours lorsqu’elles sont créées via la méthode Javascript innerHTML. A noter que innerShiv n’est plus nécessaire avec jQuery 1.7.

Audio & Video

MediaElement.js – Propose des players <video> et <audio> en pur HTML & CSS pour les navigateurs modernes et des versions Flash et Silverlight pour les vieux navigateurs. Cette stratégie permet d’offrir une expérience visuelle identique aux visiteurs quel que soit le navigateur qu’ils utilisent. Cerises sur le gâteau : respect de l’accessibilité et des plugins pour les CMS WordPress, Drupal, Joomla, jQuery, and BlogEngine.NET, Ruby Gem et Plone.

Formulaires HTML5

H5F – HTML 5 Forms autorise l’utilisation des nouveaux types de champs, attributs et contraintes de validation de formulaire apparus avec HTML5, dans les vieux navigateurs.

CSS3

  • CSS3 PIE – Utilisez les propriétés border-radius, box-shadow, multiple backgrounds, linear gradients, border-image dans IE de la version 6 à 9
  • CSS3 – Multi Column – Utilisez les propriétés column-count, column-width, column-gap, column-rule dans Safari 1.3, Opera 7.54, Opera 8, Firefox 1.0.4, Netscape 7.1 et IE 6.
  • Respond – Permet d’utiliser les propriétés min/max-width de CSS3 Media Queries dans IE 6 — 8.

Cette liste est éditée et maintenue par Paul Irish avec les contributions de Jonathan CookMark BoasMichael BehanMathias Bynens, Eli Grey, Øyvind Sean Kinsey, et bien d’autres.

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



14 commentaires pour “100+ Polyfills et Fallbacks pour HTML5”

  1. [...] 100+ Polyfills et Fallbacks pour HTML5 Un Polyfill est un script qui permet d'émuler les fonctionnalités qui manquent à un navigateur. Source: css4design.com [...]

  2. Jérémy dit :

    Superbe trouvaille Bruno, merci !

  3. Tiens, jamais entendu parler avant … je pensais que FF7 ou Chroms16 avaient déjà intégrer, en native, ces api … ? Du coup, merci pour cette info ! Et bonne nuit !

  4. [...] L’article 100+ Polyfills et Fallbacks pour HTML5 présente une collection de plus de 100 bibliothèques Javascript pour implémenter les fonctionnalités HTML5 dans les navigateurs qui ne les proposent pas nativement. Cette liste étant mise à jour régulièrement, elle ne figure pas sur cette page. Elle est accessible directement à l’adresse HTML5-Cross-Browser-Polyfills. [...]

  5. [...] 100+ Polyfills et Fallbacks pour HTML5 – Guide tout-en-un des solutions de repli pour HTML5. Liste garantie entièrement non-alphabétique et sans grumeau pour utiliser les dernières technnologies à la mode, même dans Internet Explorer ! [...]

  6. [...] 100+ Polyfills et Fallbacks pour HTML5 Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? HTML5 CSS3 CSS3 / HTML5 Web frameworks [+] INTÉGRATION HTML/CSS beauty designers HTML/CSS sheet HTML5 impose compendium inspired HTML calcul HTML5 launches thinking flash HTML5-CSS3 transforms html5 boilerplate features Templates HTML simples CSS another solutions JS mobile langages cross browser compatibility JS announcing javascript fiddle JQuery useful HTML website chart generator WordPress notifications Node.js learning tweasy useful Outils collaboratifs toxin python web2py préface HTML5 EXAMPLES surface1 variations Ecole2.0 skoolaborate css tables bazookatooth versus Layouts column grail Tipps using CSS only margin Architecture enterprise laamm web (et un peu de design) online editor Logiciels création pages HTML firefox examiner jQuery amazing slider tutos javascript technical HTML | CSS tutorials tutoriel xhtml node.js using Web Master Tools amazing tutorial HTML / CSS débutant properties CSS tutorial apprenez tutoriels KITS GRAPHIQUES simples xhtml HTML implement html5 demos HTML5 – CSS3 collection gradient outils seule veille référencement Web Design keyword css3 useful HTML5 reference master layout Création web home • contact • blog • fb • twitter to experience pearltrees activate javascript. [...]

  7. Clément dit :

    Quel est la différence entre « fallback » et « polyfill » ?

  8. [...] 100+ Polyfills et Fallbacks pour HTML5 [...]

  9. Cette liste étant mise à jour régulièrement,Nike Air Max Femme, this should help your tent hold in more warmth than it otherwise would.

  10. cette occasion dit :

    Un Polyfill est un script qui permet d’émuler air yeezy 2 les fonctionnalités qui manquent à un navigateur

  11. permet d’émuler dit :

    très pratique surtout pour relancer la récupération de fichiers assez air max 90 volumineux plugins ou sur des plugins que j’ai déjà installé

  12. Bonjour, à la question peut-on mettre le nombre d’or à toutes les sauces,Chaussures Femme,souris pour les ressortir au moment opportun.

  13. prevoyance dit :

    d’émuler les fonctionnalités qui manquent à un navigateur. http://www.prevoyance-sante-des-sportifs-professionnels.fr rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

  14. musique dit :

    Cette liste étant mise à jour régulièrement, elle ne figure pas sur cette page. Elle est accessible http://www.musique-jeunepublic.fr directement à l’adresse HTML5-Cross-Browser-Polyfills.

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site