Liste de lecture de développement Web #141 : jQuery 3, Chillout.js, et comment la technologie façonne la société

Il y a des semaines où je ne trouve pas du tout d'articles pour la section "Aller au-delà" de la liste de lecture du développement Web. Et puis il y a des semaines comme celle-ci, où deux pièces brillantes apparaissent qui révèlent tellement de choses sur la façon dont nous vivons ensemble avec les nouvelles technologies et comment cela façonne notre société.

Avec un tas de bons articles techniques, un excellent moyen de vous quitter pour les deux prochaines semaines. Veuillez noter que je serai en vacances la semaine prochaine, il n'y aura donc pas de résumé vendredi prochain.

Lectures complémentaires sur SmashingMag :

• Comment utiliser les icônes pour prendre en charge le contenu dans la conception Web
• Icônes dans le cadre d'une excellente expérience utilisateur
• 6 étapes faciles pour une meilleure conception d'icônes
• Étapes faciles pour améliorer la conception des icônes

Nouvelles

• Opera 38 (et Chromium 51) apporte de nombreuses nouvelles fonctionnalités ES6 : des interfaces DOM itérables de type tableau, des écouteurs d'événements passifs et l'API Intersection Observer pour suivre le moment où un élément donné du DOM entre ou quitte la fenêtre d'affichage visible.
• Firefox 47 est sorti. Il propose le débogage Service Worker, la prise en charge des pseudo-éléments ::backdrop , le décryptage de contenu Widevine via EME pour mp4 et le modificateur insensible à la casse i (comme dans [foo=bar i] ) pour les sélecteurs d'attributs CSS a également été ajouté.
• Enfin, après des mois d'attente, GitHub a annoncé un support HTTPS officiel et complet pour ses pages utilisateur github.io. Alors que HTTPS lui-même fonctionnait déjà depuis un certain temps, le trafic du CDN vers les serveurs d'origine n'était pas chiffré jusqu'à présent. Avec la mise à jour, vous pouvez désormais profiter d'un site entièrement crypté. Faites attention au contenu mixte, cependant, pour ne pas casser les pages dans les navigateurs modernes.
• WebKit inclut désormais le débogage de la mémoire dans son inspecteur Web. Le message d'annonce explique comment vous pouvez l'utiliser dans vos applications.
  

Général

• Maximiliano Firtman écrit comment l'utilisation irresponsable des balises méta spécifiques à iOS peut casser votre site Web pour de nombreux utilisateurs.
  

Outils et flux de travail

• Pyromane. L'outil qui a été remplacé par les outils de développement natifs de Firefox, mais qui est néanmoins largement accepté par les développeurs. Cependant, avec le passage de Firefox à e10s (Firefox multi-processus), l'extension ne fonctionnera plus et ses auteurs ont maintenant annoncé qu'ils ne la porteraient pas non plus en tant que nouvelle extension. Au lieu de cela, ils se concentreront sur la fourniture d'un thème Firebug pour les outils de développement natifs et les amélioreront.
• Andrey Okonetchnikov a annoncé son nouvel outil lint-staged staged qui vous permet de pelucher tous les fichiers actuellement mis en scène dans git.
• Cloud Four a annoncé hier Drizzle, un outil pour générer des bibliothèques de modèles et des guides de style.

Sécurité

• Avec les récentes fuites de mots de passe sur LinkedIn, MySpace, Tumblr et Twitter, il est redevenu clair que nous avons tendance à oublier les anciens mots de passe. Et c'est parce que les mots de passe ne sont pas très utiles pour l'authentification, d'autant plus qu'il y a deux parties impliquées qui pourraient faire quelque chose de mal (le fournisseur de services qui stocke le mot de passe et l'utilisateur qui le choisit). Drew Thomas explique comment nous pouvons améliorer l'authentification. Un article utile avec une grande conversation dans la section des commentaires.

Javascript

• Chillout.js réduit l'utilisation du processeur dans JavaScript en fournissant des fonctions d'itération asynchrones qui ont une interface basée sur Promise. Plus d'alertes "Avertissement : Script qui ne répond pas" dans le navigateur.
• La console de Firefox essaie d'être plus utile avec les erreurs JavaScript. S'il est déterminable, la console ajoutera maintenant un lien vers MDN (Mozilla Developer Network) pour obtenir plus d'informations sur l'erreur.
• jQuery 3.0 est enfin sorti. En préparation depuis 2014 déjà, il s'agit d'une étape importante car elle offre une approche plus fine, plus rapide et plus moderne que les v1 et v2. Un guide de mise à niveau complet est disponible ainsi qu'une nouvelle version du plugin jQuery migrate.
• Jack Franklin explique pourquoi il est important de rendre votre JavaScript "pur". Alors que nous utilisons souvent la méthode la plus simple pour créer une fonction, ces approches échouent souvent dans les scénarios de test. Mais ils sont évitables par de simples ajouts.
• "Promises: All The Wrong Ways" de Getify montre des approches communes avec Promises et clarifie comment faire mieux. A lire pour tous ceux qui s'occupent de promesses.

CSS/Sass

• Shaun Bent a écrit sur la façon dont BBC Sport sert son CSS principal avec une taille de fichier inférieure à 9 Ko. Une belle histoire en profondeur partageant les principes de leur développement et leur stratégie produit dont on peut apprendre beaucoup.

Aller plus loin…

• Il est prouvé que de nouveaux types de consommation de médias façonnent notre société, mais nous ne voyons pas comment cela se produit, car nous avons tendance à oublier d'y penser. Actuellement, si à tout moment la réalité devient ennuyeuse ou ennuyeuse, nos téléphones offrent quelque chose de plus agréable, de plus productif et même de plus éducatif que tout ce que la réalité nous offre. Mais cela nous change aussi à l'intérieur. Nous devenons de moins en moins patients face à la réalité telle qu'elle est, surtout quand elle est ennuyeuse ou inconfortable. « Ce qui est en jeu, c'est notre Agence. Notre capacité à vivre la vie que nous voulons vivre, à choisir la façon dont nous voulons choisir et à nous lier aux autres comme nous voulons nous lier à eux - grâce à la technologie. C'est un problème de conception, pas seulement un problème de responsabilité personnelle.
• « Il y a de nombreuses raisons pour lesquelles nous donnons notre identité si facilement. En ce qui concerne la recherche, nous ne sommes pas habitués à nous considérer comme des grappes d'informations manquantes. Et donc nous luttons pour réaliser que nous pouvons facilement être définis négativement, par tous nos désirs. […] Nos technologies numériques sont conçues pour nous détendre face à notre manque d'intimité. — Luciano Floridi dans son essai « La prophétie auto-réalisatrice ».

Et sur ce, je ferme pour cette semaine. Si vous aimez ce que j'écris chaque semaine, soutenez-moi avec un don ou partagez cette ressource avec d'autres personnes. Vous pouvez en savoir plus sur les coûts du projet ici. Il est disponible par e-mail, RSS et en ligne.