On aurait pu croire que 2015 serait l’année de la performance web, mais on s’est trompé. Le poids moyen d’une page web a augmenté de 7,5% en 5 mois pour dépasser les 2 Mo. C’est en tout cas ce que nous rapporte Craig Buckler dans l’article 2Mb Web Pages: Who’s to Blame? qui cite le rapport publié dernièrement par http archive. Ce dernier a rassemblé les chiffres de près de 500 000 pages, et les nouvelles ne sont pas très bonnes : →
Archives des tags : Flash
11 vidéos pour comprendre l’accessibilité du point de vue… des mal-voyants
L’accessibilité des sites web est une choses dont on parle souvent, sans forcément avoir une idée très précise de la manière dont les mal-voyants utilisent les sites que nous concevons « pour le plus grand nombre ». Les enjeux sont importants car le web permet aux mal-voyants de communiquer, de s’informer et de gérer une partie de leur vie quotidienne. Cette série de vidéos proposée par Access-Key de l’Université Nice Sophia-Antipolis devrait fixer les idées sur des cas concrets, pour nous permettre d’améliorer la lisibilité et le décodage de nos sites web. →
390 ressources Javascript & jQuery
Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les liens pointent directement sur les sources d’origine.
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. →
Video JS — Affichez facilement vos Vidéos avec HTML5 ou avec Flash
Smokescreen — Convertir Flash en HTML5 et Javascript
Smokescreen est un projet open-source dont l’objectif est de convertir une animation Flash vers le format HTML5 et Javascript. Même si tout n’est pas encore parfait (version bêta oblige), le projet semble prometteur. Il semblerait en tout cas que la conversion des animations simples, comme les publicités, soit bien rendue. Lire Convertir du Flash à HTML 5 et JavaScript pour en savoir plus.
Burst Engine — Un peu de Flash et d’After Effects dans Canvas
Burst Engine est un moteur Javascript pour réaliser des animations vectorielles pour l’élément HTML5 Canvas. Il fournit des fonctionnalités similaires à Flash et permet de créer des animations à la manière d’After Effects. Burst est Open Source et léger, ce qui ne gâte rien.
html5media — Les balises HTML5 audio et video sans contrainte
Les balises HTML5 `video` et `audio` permettent d’incorporer du son ou de la vidéo dans une page web aussi simplement que s’il s’agissait d’une image. Mais comme le roi et la reine ne le veulent pas tous les navigateurs ne prennent pas en charge ces charmantes nouveautés, html5media a eu la bonne idée de rendre possible l’utilisation des balises `audio` et `video` sans se soucier de la compatibilité : le script se charge de fournir un player Flash (flowplayer) pour les navigateurs à la traine ! →
jQuery, HTML5 et CSS3 sont le Biactol™ du Web ^_^v
Comment, jQuery va tuer Flash ? La question peut paraitre surprenante, mais force est de constater que Javascript a fait du chemin depuis window.open()
! Les bibliothèques comme jQuery ou Prototype ont par ailleurs permis l’émergence de plugins, de scripts qui se sont attachés à améliorer l’expérience utilisateurs jusqu’à concurrencer Flash sur son terrain de prédilection : la création d’animation pour créer des interfaces immersives afin de capter l’attention du visiteur. →
Plupload — un gestionnaire de « téléversement » (upload) multiple en jQuery
Plupload — Les développeurs de TinyMCE nous proposent Plupload, un gestionnaire de «téléversement» pour votre CMS préféré. Plupload prend en charge plusieurs formats : Adobe Flash, Google Gears, HTML5, Microsoft Silverlight et Yahoo! BrowserPlus. →