Complexité, DNS sur HTTPS et notifications Push

Anselm Hannemann résume les choses les plus importantes qui se sont produites dans le monde du développement web au cours des quatre dernières semaines afin que vous puissiez facilement rattraper tout ce qui est nouveau.

Nous voyons de la complexité dans tous les coins d'un projet web ces jours-ci. Nous avons lu pas mal d'articles sur la complexité d'une technologie spécifique, et nous en discutons encore et encore. Venant d'une époque où nous avons téléchargé des sites Web via FTP et n'avions pas de git ou quoi que ce soit de comparable, vivant maintenant à une époque où nous avons un système de construction, transpileurs, frameworks, tests et un CI même pour les plus petits projets, c'est facile à comprendre . Mais d'un autre côté, le développement web a tellement grandi au cours des 15 dernières années que nous ne pouvons plus vraiment comparer aujourd'hui au passé . Et même si certaines choses semblaient plus faciles dans le passé, nous négligeons les avantages et les innombrables possibilités que nous avons aujourd'hui. Lorsque nous n'écrivions pas de tests à l'époque, eh bien, nous n'avions tout simplement pas de test, ce qui signifiait qu'il n'y avait aucun moyen fiable de tester le succès. Quand nous n'avions pas de processus de déploiement, il était facile de télécharger une nouvelle version, mais tout aussi facile de casser quelque chose – et cela arrivait beaucoup plus qu'aujourd'hui lorsqu'un système d'intégration continue est en place.

Jeffrey Zeldman a écrit un article intéressant sur l'affaire: " Le Culte du Complexe " décrit comment nous nous perdons dans des détails inutiles et essayons souvent de résoudre les problèmes . J'aime le défi de construire des systèmes qui ne sont pas trop complexes mais qui montrent une responsabilité décente (en matière d'éthique, de confidentialité, de sécurité, d'expérience utilisateur et de performance) et qui fonctionnent de manière fiable (tests, déploiements, disponibilité et performance à nouveau). Je suppose que le problème de trouver le bon équilibre ne disparaîtra pas de sitôt. La complexité est omniprésente – nous devons juste décider si c'est une complexité utile ou si elle a été ajoutée simplement parce qu'elle était plus facile ou parce que nous étions en train de surpasser le problème original

News

• La ​​prochaine version de Safari 12 a été dévoilée chez Apple WWDC. Voici les nouveautés: icônes dans les onglets, mots de passe forts, contrôle du générateur de mot de passe via les attributs HTML incluant le contrôle d'authentification à deux facteurs, visionneuse 3D et AR, l'API Fullscreen sur iPad, font-display et, très important, Intelligent Tracking Prevention 2.0 qui est plus restrictif que jamais et pourrait avoir un impact significatif sur la fonctionnalité des sites Web existants.
• La bibliothèque d'automatisation de Chrome sans tête Puppeteer est maintenant sorti dans la version 1.5. Il apporte des contextes de navigateur pour isoler les cookies et autres données généralement partagées entre les pages, et les travailleurs peuvent maintenant être utilisés pour interagir avec les Web Workers, aussi.
• Google a publié Lighthouse 3.0 la troisième version majeure de leur outil d'analyse des performances qui comprend une nouvelle interface de rapport, quelques changements de scoring, une exportation CSV et une première mesure de Contentful Paint.
• Chrome 67 est ici apportant Progressive Web Apps au bureau, ainsi que le support pour l'API Generic Sensor, et étendre l'API Credential Management pour prendre en charge les authentificateurs U2F via USB.
• Nous avons vu quelques changements dans les interfaces de sécurité des navigateurs ces derniers mois. Tout d'abord, ils ont mis l'accent sur les sites qui offrent une connexion sécurisée (HTTPS). Ensuite, ils ont décidé d'indiquer des sites non sécurisés, et maintenant Chrome a annoncé de nouveaux changements à venir qui rendront HTTPS par défaut en marquant les pages HTTP comme "non sécurisées"

Général

• Dans " Le culte du complexe ", Jeffrey Zeldman écrit à quel point nous oublions souvent que la simplicité est la clé et le but de tout ce que nous faisons, l'objectif global pour les projets et la vie. Il explique pourquoi c'est si difficile à réaliser et pourquoi il est tellement plus facile – et tentant – de cultiver des systèmes complexes. Une très bonne lecture et certainement un morceau Je vais ajouter à ma liste «à feuilles persistantes» .
• Heydon Pickering a partagé un nouvel article très intéressant qui nous apprend à construire un composant Web correctement: Cette fois il explique comment construire un module "carte" inclusif et réactif .

UI / UX

• Cool Backgrounds est un projet sympa de Moe Amaya. C'est un générateur en ligne pour les arrière-plans polygonaux avec des gradients qui peuvent générer beaucoup de variantes et de formes. Simplement beau

Outillage

Sécurité

• Comme les attaques de sécurité via DNS gagnent en popularité, DNS sur HTTPS devient de plus en plus important. Lin Clark explique la technologie avec un dessin animé pour la rendre plus facile à comprendre.
• Windows Edge est maintenant prévisualisant la prise en charge des cookies du même site . L'attribut pour verrouiller les cookies encore plus est déjà disponible dans Firefox et Chrome, donc Safari est le seul navigateur majeur qui a encore besoin de l'implémenter, mais je suppose qu'il atterrira dans ses versions de Tech Preview très bientôt aussi.

Vie privée

Web Performance

• KeyCDN a demandé à 15 personnes qui connaissent le Web performance de partager leurs meilleurs conseils avec les lecteurs. Maintenant, ils ont partagé cet article contenant beaucoup de conseils de performance utiles pour 2018 y compris quelques mots par moi-même.
• Stefan Judis a découvert que nous pouvions déjà précharger des modules de script ECMA dans Chrome 66 ] en ajoutant une balise d'en-tête HTML link rel = "modulepreload" .

Accessibilité

• Il est relativement facile de construire un spinner de chargement – pour une seule page en charge, par exemple -, mais nous pensez rarement à les rendre accessibles. Stuart Nelson explique maintenant comment le faire
• Paul Stanton partage quels outils d'accessibilité nous devrions utiliser pour obtenir les meilleurs résultats.

JavaScript

• JavaScript a été récemment intimidé par des gens qui préfèrent Elm, Rust, TypeScript, Babel ou Dart. Mais JavaScript n'est certainement pas pire comme l'explique Andrea Giammarchi avec de bons exemples. Cet article est également une excellente lecture pour tous ceux qui utilisent l'une de ces autres langues car il montre quelques pièges dont nous devrions être conscients.
• Pour beaucoup de projets, nous voulons utiliser des analyses ou d'autres scripts qui collectent des données personnelles. information. Avec GDPR en effet, cela devient beaucoup plus difficile. Yett est un outil JavaScript sympa qui vous permet de bloquer l'exécution de telles ressources jusqu'à ce qu'un utilisateur l'accepte
• Ryan Miller a créé une nouvelle publication appelée "The Frontendian", qui comporte des meilleures explications et des guides de CORS J'ai rencontré jusqu'à présent.
• Les gens de Microsoft ont créé une belle page de démonstration interactive pour montrer à quoi les Notifications Web Push peuvent ressembler . Si vous n'avez pas encore assimilé la technologie, c'est une bonne introduction à la façon dont tout cela fonctionne et comment construire une interface qui ne dérange pas les utilisateurs.
• Filepond est une bibliothèque JavaScript pour télécharger des fichiers. Il est superbe et est livré avec beaucoup d'adaptateurs pour React, Vue, Angular et jQuery
• React 16.4 est sorti et apporte une fonctionnalité à la bibliothèque: Pointer Events. Ils faciliteront les interactions avec les utilisateurs et sont déjà demandés depuis longtemps

CSS

Travail & vie

• Anton Sten a écrit à propos de les implications morales pour nos applications . Une explication significative expliquant pourquoi les temps de «bouger vite et casser les choses» sont définitivement révolus car nous avons affaire à l'Intelligence Artificielle, aux réseaux sociaux qui affectent la vie des gens, et aux questions de respect de la vie privée imposées par GDPR
• Tapez pour afficher le statut d'un projet: le graphique " hill chart " ajoute un meilleur contexte qu'une simple barre de progression.
• Ben Werdmüller partage ses réflexions sur les CV ] et comment ils échouent toujours à refléter qui vous êtes, ce que vous faites, et pourquoi vous devriez être embauché.

J'espère que vous avez apprécié cette mise à jour mensuelle. Le prochain est prévu pour le 13 juillet, alors restez à l'écoute. En attendant, si vous aimez ce que je fais, aidez-moi à financer financièrement la liste de lecture de développement Web

Passez une bonne journée!

– Anselm

(cm)