La semaine en pixels – 6 janvier 2019
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.
Au programme : conseils pour apprendre le CSS, des prédictions UX (amusantes) pour 2019, conseils et tendances en matière de design d’interface utilisateur, quelques vidéos sympas sur les mécanismes et le développement de jeux vidéos, le processus de design responsive, de belles illustrations de livres et de l’inspiration de patterns CSS, un tutoriel sur les dégradés CSS et un sur SVG et les thèmes sombres ainsi qu’un outil de prototypage.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié une illustration cette semaine
Tournée du Chat Démon – Luci, je me suis amusée avec Luci, le chat démon de la série Netflix et l’affiche célèbre du Chat Noir :)
Les liens en français
#Horoscope
Horoscope du web 2019, un peu de fun pour commencer cette année, par Laurence Vagner
Les outils pour UX/UI Designer par Geoffrey Crofte
tl;dnr, s’il devait n’en rester qu’un ?
#CSS
Lecture obligatoire pour tous ceux qui travaillent en Front-End : “How To Learn CSS” Vous n’avez pas besoin d’apprendre toutes les propriétés CSS pour écrire du CSS, cependant comprendre quelques fondamentaux vous aidera grandement : sélecteurs au-delà des classes, cascade, flux, modèle boîte, etc
Les articles de la semaine
#UX
- “8 undoubtably true predictions for UX in 2019” quelques prédictions UX pour 2019 qui vous feront rire, perso j’aime l’idée d’invoquer la magie noir, laissez-moi trouver mon chapeau de sorcière et un chat noir ?
- “Hey, can you ‘do the UX’ for us?” pourquoi l’UX n’est pas quelque chose que vous ajoutez à gros coups de baguette magique en plus du projet
#UI
- The Elements of UI Engineering – une liste de « problèmes » à résoudre au niveau de l’interface utilisateur et des conseils pour essayer de les résoudre en faisant abstraction au début des contraintes de la bibliothèque / framework
- “UI Design: Look Back at 12 Top Interface Design Trends“, un peu de plaisir pour les yeux pour commencer 2019
#Video Games
- Diversity is important because a video game is much more than its gameplay, la diversité dans les jeux vidéos, pourquoi c’est important pour le gameplay et la communauté
- “Good Game Design is like a Magic Trick“, une super vidéo sur les astuces de game design basées sur la compréhension des mécanismes psychologiques des joueuses et joueurs
- “It’s OK to not know what you are doing” une autre conférence sur les patchs à coups de bouts de ficelle dont les développeuses et développeurs de jeux vidéos usent et abusent.
#Responsive Webdesign
“Responsive design“, un processus de design responsive, en résumé, pensez multi écran, pensez composants ré-utilisables, pensez au delà du « desktop »
#Front-End
“Using DevTools to understand modern layout techniques”, que de progrès dans nos outils depuis Firebug, un petit aperçu des capacités de l’outil de dev pour inspecter les mises en page modernes
De l’inspiration, du fun et de jolies idées
#Illustration
Be Cards & Trustmakers Book Cover Design, une couverture et les illustrations d’un joli livre
#Siri
Y a des gens s’amusent bien avec Siri, petit vidéo
#CSS
Conic gradients, on peut faire de jolis patterns avec des dégradés CSS
Tutoriels
#CSS #SVG
“Making single color SVG icons work in dark mode” du SVG en ligne + currentColor +
supported-color-schemes / prefers-color-scheme pour créer des thèmes sombres pour vos sites webs
#CSS #Gradient
Gradient Borders in CSS, bordures CSS et dégradés
Des ressources outils et plugins pour vous faciliter la vie
#Prototype
Draftium, un outil de prototypage à tester en 2019 ?
#Sketch
Sketch tools and plugins for 2019 ??✨, des outils et plugins Sketch pour 2019
