{"id":7193,"date":"2018-12-23T14:29:20","date_gmt":"2018-12-23T13:29:20","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7193"},"modified":"2018-12-23T14:29:20","modified_gmt":"2018-12-23T13:29:20","slug":"la-semaine-en-pixels-23-decembre-2018","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/","title":{"rendered":"La semaine en pixels \u2013 23 d\u00e9cembre 2018"},"content":{"rendered":"
Chaque semaine, \u00a0un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d’interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.<\/p>\n
Au programme :\u00a0coh\u00e9rence et design, le HTML c’est bien plus que des spans et de divs, concevoir pour l’accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, outil de gradients CSS, frameworks, CSS est inconfortable, outils pour les designers UX, conseils d’illustrations et astuces pour les couleurs, mises \u00e0 jours de Safari et Firefox, une police gratuite, un petit jeu de devinette d’ic\u00f4nes, etc.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Frameworks #UX<\/p>\n Cette semaine j’ai publi\u00e9 une suite de deux articles sur les templates \/ frameworks UI et l’experience utilisateur, ou pourquoi utiliser un framework UI ne rendra pas forc\u00e9ment votre site utilisable pour autant si vous oubliez la partie exp\u00e9rience utilisateur.<\/p>\n #UX<\/p>\n Sur 24 jours de web – La recherche utilisateur : tour d\u2019horizon des objectifs et des m\u00e9thodes<\/a><\/p>\n #Front-End<\/p>\n \u00ab\u00a0The practical value of semantic HTML<\/a>\u00a0\u00bb par Bruce Lawson. Je n’\u00e9tais pas le seul \u00e0 lever les yeux au ciel en lisant qu’il suffit d’apprendre les divs et les spans pour devenir d\u00e9veloppeur JavaScript. Bruce nous rappelle pourquoi la s\u00e9mantique est importante, et que le HTML ce n’est pas que des divs et des spans.<\/p>\n #Accessibilit\u00e9<\/p>\n Designing for accessibility is not that hard<\/a>\u00a0– concevoir pour l’accessibilit\u00e9 n’est pas si difficile, quelques conseils de base pour vous aider \u00e0 d\u00e9marrer, puis demander \u00e0 un expert pour un audit :)<\/p>\n #UX<\/p>\n #Design<\/p>\n #Front-End<\/p>\n #Police<\/p>\n J’aime beaucoup les ligatures de cette police\u00a0<\/a><\/p>\n #Code Demo<\/p>\n Une d\u00e9mo tr\u00e8s sympa d’animation de Touch ID : \u00ab\u00a0Creating an Animated Login Form for TouchID<\/a>\u00a0\u00bb<\/p>\n #Paillettes<\/p>\n \u00ab\u00a0Package Thief vs. Glitter Bomb Trap<\/a>\u00ab\u00a0, ce mec a cr\u00e9\u00e9e une bombe qui lance des paillettes aux voleurs de colis :o<\/p>\n #Origami<\/p>\n Satisfaction utile de petits pliages en papier \u00ab\u00a0Spiked Sculptures by Matthew Shlian Create Angular Geometry from Folded Paper<\/a>\u00a0\u00bb<\/p>\n #CSS<\/p>\n Si vous vous demandez pourquoi le monde du d\u00e9veloppement web semble divis\u00e9 entre \u00ab\u00a0CSS est cass\u00e9\u00a0\u00bb et \u00ab\u00a0CSS est g\u00e9nial\u00a0\u00bb,\u00a0\u00a0Natalya Shelburne<\/a>\u00a0explique l’inconfort de la dissonance cognitive dans toutes les exp\u00e9riences d’apprentissage :\u00a0CSS at the Intersection<\/a><\/p>\n #Navigateurs<\/p>\n #Design systems<\/p>\n Design Systems Digest<\/a> – des ressources et articles sur le design system<\/p>\n #Gradient<\/p>\n shapy.app<\/a>, un outil pour vous aider \u00e0 construire des gradients CSS, et encore un autre :\u00a0smart little CSS gradient tool generator<\/a><\/p>\n #Police gratuite<\/p>\n Extra Cheese<\/a>, une police display plut\u00f4t sympa<\/p>\n #UX<\/p>\nJ\u2019ai publi\u00e9 deux articles cette semaine<\/h2>\n
\n
Les liens en fran\u00e7ais<\/h2>\n
tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
\n
\n
\n
De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n
Vid\u00e9o de conf\u00e9rence<\/h2>\n
News Webdesign<\/h2>\n
\n
Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n