Fermer

décembre 14, 2018

WebP, l'état de l'UX et une expérience peu stressante


À propos de l'auteur

Anselm est un développeur front-end indépendant qui se préoccupe des expériences durables et des choix éthiques dans la vie. Il écrit le WDRL et est co-fondateur…
Pour en savoir plus sur Anselm

Pour sa dernière mise à jour mensuelle, en 2018, Anselm a résumé ce qui s'est passé dans la communauté du développement Web au cours des dernières semaines. Préparez-vous pour les nouvelles du navigateur, les outils pratiques, les leçons apprises et les lectures stimulantes.

C’est la dernière édition de cette année, et je suis assez content de ce que 2018 a apporté pour nous, de ce qui s’est passé et de la façon dont le Web a évolué. Récapitulons cela et nous rappelons ce que chacun de nous a appris cette année : Quelle était la fonction la plus utile, API, bibliothèque que nous avons utilisée? Et comment avons-nous personnellement changé?

Pour la mise à jour de ce mois-ci, j’ai rassemblé un autre groupe d’articles pour vous. Si cela ne vous suffit pas encore, vous pouvez toujours trouver plus dans les archives ou dans la liste Evergreen qui contient les articles les plus importants depuis le début de la liste de développement de sites Web. J'espère que vos journées jusqu'à la fin de l'année ne seront pas trop stressantes et je vous souhaite tout le meilleur possible. À l'année prochaine!

Actualités

  • Microsoft vient d'annoncer qu'il allait modifier sa stratégie Edge : Ils vont utiliser Chromium comme nouveau moteur de navigateur pour Desktop au lieu de EdgeHTML et pourraient même fournir Microsoft Edge. pour macOS. Ils contribueront également au développement du moteur Blink à partir de maintenant.
  • Chrome 71 est sorti et apporte un support temporel relatif via l’API d’internationalisation. Autre nouveauté: la synthèse vocale nécessite désormais l’activation de l’utilisateur.
  • Safari Technology Preview 71 est sorti apportant les jeux de couleurs pris en charge en CSS et ajoutant l’authentification Web à titre expérimental. Firefox proposera bientôt aux utilisateurs un paramètre de navigateur pour bloquer automatiquement toutes les demandes d'autorisation . Cela affectera les vidéos à lecture automatique, les notifications Web, les demandes de géolocalisation, les demandes d'accès à la caméra et au microphone. La nécessité de bloquer automatiquement les demandes montre à quel point les développeurs utilisent ces techniques de manière horrible. Tristes nouvelles pour ceux qui comptent sur de telles demandes pour leurs services, tels que les services d’appel WebRTC, par exemple.

Général

  • Nous avons enfin trouvé des moyens d’accéder à des sites Web et de les utiliser avec une technologie incroyable. Mais une chose que nous avons oublié, c’est que au cours des trente dernières années, nous avons enseigné aux gens que le Web est en ligne de sorte que la plupart des gens ne savent pas que l’utilisation hors connexion existe même. Une leçon de conception d'expérience utilisateur et l'importance de nous rappeler l'histoire du support pour lequel nous construisons.

UI / UX

  • Matthew Ström a écrit sur l'importance de réparer les choses plus tard et n'essayant pas d'être parfait.
  • Une ressource quelque peu satirique sur l'état de l'UX en 2019 .
  • Erica Hall nous montre des exemples de pourquoi la plupart des 'conceptions UX' sont un mythe et pourquoi non seulement le design fait un excellent produit, mais également la stratégie produit et le modèle commercial adaptés. Le meilleur exemple de ce que vous devriez lire, c’est quand Erica écrit «Virgin America. Rdio. Google Reader. Comcast. Lequel de ceux-ci a offert une bonne expérience? Laquelle de ces choses existe toujours? »Une vérité que vous ne pouvez pas ignorer et, heureusement, ce n’est pas un article pessimiste, mais très stimulant, qui propose de très bons conseils sur la façon dont nous pouvons utiliser ces connaissances pour améliorer nos produits. Avec stratégie, avec design, avec un modèle économique qui convient.

 Illustration d'une femme avec une tablette utilisant un logiciel de création graphique où son visage devrait être.
Après avoir organisé et partagé 2 239 liens avec 264 016 concepteurs du monde entier, le Les gens de UX Collective ont isolé quelques tendances de ce que l’industrie UX écrit, parle et pense à propos de . ( Crédit d'image ; illustration de Camilla Rosa )

Outillage

HTML & SVG

Accessibilité

CSS

JavaScript

  • Google est sur le point de nous apporter encore une autre API: l'API Badging permet à Web Desktop Apps d'indiquer de nouvelles notifications ou similaire . La spécification est toujours en discussion, et ils seraient ravis de connaître votre opinion à ce sujet.
  • Hidde de Vries explique comment utiliser les API JavaScript modernes pour faire défiler un élément au centre de la fenêtre . .
  • Disponible derrière les drapeaux dans Chrome 71, le nouveau Background Fetch permet de récupérer des ressources qui prennent un certain temps à charger – des films, par exemple – à l'arrière-plan.
  • Pete LePage explique comment nous pouvons utiliser l'API Web Share Target pour enregistrer un service en tant que Share Target .
  • Est-ce toujours une bonne idée d'utiliser JavaScript pour charger des polices Web? Zach Leatherman explique pourquoi nous devrions décider au cas par cas et pourquoi il est souvent préférable d'utiliser les CSS et modernes: swap; .
  • Doka est un nouvel éditeur d'image JavaScript autonome à garder à l'esprit. Bien que ce ne soit pas un produit gratuit, il offre des méthodes très pratiques pour l'édition avec une expérience utilisateur agréable, et en payant une cotisation annuelle, vous vous assurez d'obtenir des corrections de bugs et une assistance.
  • Le pouvoir des composants Web ”Partage les concepts de base, explique comment commencer à les utiliser et explique pourquoi l'utilisation de vos propres éléments HTML au lieu de coller HTML, les classes CSS associées et un déclencheur JavaScript peuvent simplifier les choses autant.

Security

Privacy [19659012] Avez-vous un mari ou une femme? Des gamins? D'autres proches? Ensuite, vous devez lire ce guide essentiel pour la protection des données de votre famille et le transformer en action. Internet n'est pas un endroit sûr et vous voulez vous assurer que vos proches comprennent bien ce qu'ils font – et c'est vous qui pouvez les protéger en leur enseignant ou en configurant de meilleurs paramètres par défaut.

Web Performance


 Comparaison de la qualité des images JPG et WebP
WebP offre à la fois des performances et des fonctionnalités. Actions d'Ire Aderinokun pourquoi et comment l'utiliser . ( Crédit d'image )

Work & Life


 Illustration d'une main tenant un téléphone. Le téléphone affiche un message contextuel disant: Attendez-vous sérieusement? Vous voulez supprimer Gmail? Êtes-vous fou?
Jake Knapp a passé pendant six ans avec un téléphone sans distraction : pas d'email, pas de réseau social, pas de navigateur. Maintenant, il partage ce qu'il a appris et comment vous pouvez essayer votre propre expérience sans stress. ( Crédit d'image )

Au-delà de…

 Éditorial radieux (cm)




Source link