Les Ressources du Web #33

Le retour de quelques références en français pour cette sélection, avec un peu plus d’UX que d’habitude, du Service Workers et de la Request Payment API. Retrouvez un peu de veille CSS et quelques outils vraiment utiles, ainsi qu’une section Fun en fin d’article, parce qu’il faut bien des fois !

Vous pouvez également me suivre sur Twitter pour avoir des news fraiches plus régulièrement.

S’il fallait n’en retenir qu’une

Marie Guillaumet nous parle des bienfaits de l’accessibilité, et surtout de comment convaincre les designers de cette réalité. Un article et des commentaires intéressants.

UI / UX / Design

• Common UI patterns VS best pratices – un article qui rappelle que les habitudes ne sont pas forcément de bonnes pratiques.
• Guide d’accessibilité pour la conception web – un guide Open Source pour survivre au RGAA 3.
• Creative Call to Action – un peu d’inspiration pour vos appels à l’action.
• Homepage link – une étude que les liens de retour à l’accueil sur un site web. À lire !
• Some Mobile Design – inspiration avec quelques vues types de design d’application mobile.
• Convaincre les designers des bienfaits de l’accessibilité – tout est dans le titre (et l’article).
• User Research when you can’t talk to your users – des astuces pour faire de la recherche utilisateur.

HTML5 & JS

• Understanding Service Workers – un article assez complet sur les Service Workers.
• 75 web animation tools – une sélection d’outils/scripts pour gérer vos animations.
• Intro to the Request Payment API – une intro à l’API de paiement en ligne.

CSS

• CSS Fonts Lvl 4 – un working draft intéressant sur les variable fonts, color fonts et font loading timeline.
• Masonry with Grid Layout – une démo intéressante de l’utilisation de grid-auto-flow: dense.
• caret-color property – oui on peut changer la couleur du curseur d’insertion de texte en CSS.
• GridBugs – quelques bugs communs de Gri Layout référencés ici.
• :focus-within – dispo sur la plupart des navigateurs.

Outils

• Unclutter App – une application Mac pour organiser un ensemble de fichier/dossier et prendre des notes.
• GA Mobile Connection type – un plugin pour ajouter dans Google Analitycs des stats sur le type de connexion mobile de vos visiteurs.
• Rivyt – un site web pour vos chaines Youtube. Concept intéressant.
• Test Pilot – quelques belles ressources pour les utilisateurs de Firefox.
• Website Checklist – une checklist pour avant et après lancement d’un site web.
• Trello Card Depencies – créer des dépendances entre carte dans Trello.

Fun

• Wat – un (vieux) lightning talk très marrant sur les inconsistances des langages (ici JS et Ruby)
• Sieste – quelques objets fun pour faire la sieste au bureau.
• node_module weight – une image bien marrante sur le poids des node_modules.

Bonne lecture à vous.