La semaine en pixels – 3 novembre 2017
Comme chaque semaine, un condensé de mes lectures et ma veille web design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.
Au programme : un guide de ce qu’on peut mettre dans la balise <head> d’un site, comprendre les espaces colorimétriques, interface et métaphores, première utilisation, un guide pour remplir correctement les attributs alt des images, des démos CSS houdini, de l’inspiration 3D poly, stylers des formulaires en CSS et styler le focus, des outils d’accessibilité et des ressources pour designers.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Dans mes archives
Pas de budget formation de fin d’année pour apprendre le HTML CSS ? Pas de panique, mon cours gratuit est en ligne
tl;dnr, s’il devait n’en rester qu’un ?
#Front End
A guide of everything you could put in <head>, un guide de ce qu’on peut mettre dans la balise <head> d’un site, des feuilles de styles aux tags des réseaux sociaux
Les articles de la semaine
#Design
- Si on en croit l’article »good designers vs great designers » je connais pas mal de très bons designers :)
- Un guide des espaces colorimétriques : Colour management and gamut
- How AI will impact your work as a designer non l’intelligence artificielle ne va pas tuer nos métiers elle va même au contraire permettre d’automatiser certaines tâches.
- Making up metaphors – un articles très sympa sur l’utilisation des métaphores dans les interfaces
#UX
- The Magic of Flow and Why Dialogs Frustrate People
- The Web for the Entire World – une conférence sur l’accès à internet dans le ,onde
- The Quintessential Guide For Building An Unforgettable First-time User Experience. règle de base pour une première expérience réussie : ne demandez que ce dont vous avez besoin.
#Conférence
« Why I cancelled my ReactiveConf talk” par @peggyrayzis , ou pourquoi elle a annulé sa participation à ReactiveConf après que les personnes de l’organisation l’ai photoshopée en wonderwoman ultra sexualisée
#Accessibilité
- A lire absolument, le guide ultime pour remplir vos attributs alt : The Ultimate Guide, a lot of good advice here
#PWA / AMP
De l’inspiration et de jolies idées
#CSS
- CSS Houdini Experiments par @iamvdo
- Vous ne devriez pas retirer le focus mais vous pouvez le rendre visuellement plus sympa
#3D
Explorer un monde en 3D dans le navigateur : poly.google.com
L’actualité webdesign
#PWA ##AMP #Google
A quick summary of Chrome Dev Summit 2017 videos
Tutoriels
#CSS
Advanced CSS-Only Form Styling, des pseudo classe CSS utiles pour styler les formulaires
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Images
How Much Do Free Images Really Cost?
#Accessibilité
A quick tool to test your site using different color blindness filters.
#UX
The User Centered Design Canvas, un outil très intéressant pour l’analyse utilisateur
#Design
designerlynx.co, ressources et outils pour webdesigners
