La semaine en pixels – 2 mars 2018
Chaque semaine, un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre (illustrations, photos, sites web, etc.)
Au programme : des conseils rapides de design d’interface, User Journey Map et User Flow lequel faire en premier, les PWAs qui arrivent sur toutes les plateformes Chrome, de l’onboarding, de la micro-copie pour les modales et fenêtres d’annulation, apprendre à utiliser les variables CSS, une jauge élastique en SVG, du CSS compatible multi-navigateur, un peu de fun avec des intitulés de poste de designer, des snippets CSS compréhensibles en 30 secondes, une explications des Web Fonts, de jolies animations 3D et d’autres sites animés pour votre inspiration cette semaine.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Mes réalisations
#Icones
J’ai créer un petit pack « Speaker icons » pour un projet personnel, les icônes sont disponibles en Creative Commons CCBY :)
J’ai publié un truc cette semaine
#Dev #Science
« Why do women have periods? What is the evolutionary benefit or purpose of having periods? Why can’t women just get pregnant without the menstrual cycle? » une explication geek puis scientifique de l’intéret des menstruations dans la nature.
Les articles de la semaine
#UI #UX
- Un article pleins de conseils de design d’interface pour les débutants 10 cheat codes for designing User Interface.
- 10 UX design principles for great onboarding
- User Journey Maps or User Flows, what to do first? User Journey Maps ou User Flows, lequel faire en premier ?
- Levez la main ✋ si vous avez déjà été dans la situation où vous ne savez pas comment nommer les butons d’annulation dans une modale d’annulation : The microcopyist: cancellation, confirmation, conflagration
#Front End
- Third party CSS is not safe
- It’s Resilient CSS Week, apprendre à écrire du CSS compatible pour tous les navigateurs même les plus anciens
- How to JavaScript in 2018
- Understanding Web Fonts and Getting the Most Out of Them
- Want to learn CSS Variables? Here’s my free 8-part course! Apprendre les CSS variables en 8 petits exercices
#Marketing
Stop au bullshit buzzword et si on se mettait au marketing qui dit la vérité ? « Everything I know about marketing I learned from the 1990 movie Crazy People.”
#Mobile
Progressive Web Apps coming to all Chrome platforms, hoooo YEAH.
De l’inspiration et de jolies idées
#Animation
Gallery of Emerging Species, un site tout mignon avec des animaux en pâte à modeler – joue du son
#Illustration
Ma copine Laurence a fait une jolie illustrations pour que vous arrêtiez de nous confondre
#Fun
The Truth About Design Titles ?
#Drapeaux
#Emoji
stinkmoji.cool, un expérience fun avec des emojis et la webcam
#Happy New Year
2018.monopo.co.jp je suis pas sure de ce que fait ce site pour la nouvelle année chinoise mais le site est bien fun – joue du son
#Interview
Uenodotco a fait un site pour recruter, c’est stupide et très fun – joue du son
Conférences
#Interaction
Les vidéos des conférences Interaction 18 sont en ligne
L’actualité webdesign
Les outils de design ont pas mal bougé cette semaine
- Sketch intègre un outil de prototypage
- Zeplin intègre un outil pour présenter le flux
- Figma intègre un outil de transition
Tutoriels
#SVG
Build an Elastic Range Input with SVG and anime.js, une jauge SVG bien fun
#CSS
30 Seconds of CSS, une liste de snippets CSS compréhensibles en 30 secondes
