Dans l'épisode de cette semaine
Les service workers ont accès à Firefox Nightly, des conseils quotidiens sur les outils de développement dans votre boîte de réception, le débogage d'IE dans Chrome, l'utilisation de Flexbox pour le RWD et la sauvegarde de l'univers avec 1 000 de JavaScript. Des générateurs sont en cours de développement pour IE et Spartan.
DÉVELOPPEURS QUOTIDIENS
Accélérez votre flux de travail grâce à ces conseils utiles qui vous sont envoyés chaque jour dans votre boîte de réception. Umar Hansa présente un conseil quotidien concernant les outils de développement au format GIF animé. Il peut s'agir, par exemple, d'accéder à un numéro de ligne dans le panneau des sources ou de répéter des requêtes réseau dans cURL.
DÉBOGAGE IE DANS CHROME
Et si vous pouviez déboguer Internet Explorer dans Chrome ? Récemment mis à disposition par l'équipe d'IE, l'adaptateur de diagnostic d'IE est un pont qui permet à Internet Explorer de communiquer avec le protocole de débogage à distance de Chrome. Bien que le projet soit encore au stade expérimental, il vous permet déjà d'effectuer un débogage de base de script et l'équipe prévoit de le transférer vers Spartan dans un avenir proche.
PERSONNELS DES SERVICES
La création d'expériences hors connexion peut s'avérer plus facile grâce à l'utilisation de Firefox Nightly parmi les service workers. Selon une norme W3C, les service workers donnent aux développeurs un contrôle accru sur une page, ce qui leur permet de réacheminer les requêtes réseau, de diffuser des ressources à partir du cache et même d'envoyer des notifications push. Les service workers expédient déjà leurs produits dans Chrome, et l'équipe de Firefox estime qu'ils pourraient être livrés avec la version 41.
https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly
http://www.w3.org/TR/service-workers/
https://jakearchibald.com/2014/offline-cookbook/
FLEXBOX POUR RWD
Améliorez votre site à l'aide de Flexbox afin d'améliorer vos mises en page responsives. La développeuse Zoe Gillenwater explique comment la technologie Flexbox peut être utilisée pour améliorer progressivement les sites qui doivent être compatibles avec d'anciens navigateurs. Les diapositives complètes peuvent également servir d'aide-mémoire pour vous souvenir des myriades de propriétés des Flexbox.
http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference
CONCOURS JS1K
Combien d'extraterrestres pouvez-vous exploser avec seulement 1 000 de JavaScript ? Cette année, "Defender" de Keith Clark est le gagnant du concours JS1K. Les participants doivent créer une expérience attrayante en utilisant uniquement 1 024 octets de JavaScript. Le second favori de cette année inclut un monorail mystère et des montagnes russes impossibles.
http://js1k.com/2015-hypetrain/demo/2306
http://js1k.com/2015-hypetrain/demo/2322
http://js1k.com/2015-hypetrain/demo/2364
GÉNÉRATRICES EN IE/SPARTAN
Les rappels peuvent appartenir au passé, car l'équipe d'IE a annoncé que les générateurs sont en cours de développement. Les générateurs, qui font partie d'ES6, sont des fonctions spéciales qui peuvent être mises en pause et réactivées ultérieurement, ce qui vous permet d'écrire du code asynchrone de manière synchrone. Ils sont déjà disponibles dans Chrome et Firefox, et sont en cours de développement dans Safari.
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators
https://www.youtube.com/watch?v=rT-1ZxhjzBw
https://www.chromestatus.com/features/4959347197083648
3D Sketcher par Jason
http://codepen.io/loktar00/full/DphFg/
Anneaux de phase 18/100 par jour par six faces
http://codepen.io/sixsided/full/qEeEYm/
Distribution gaussienne avec la physique, par Frank Dumont
http://codepen.io/fdumont/full/CvdDI/
Unifiez comme PARTICLES OF MATTER d'Abhijit Hota
http://codepen.io/XDBoy018/full/JodWKN/
Donnez-nous votre avis sur Twitter #LazyWebShow