{"id":7259,"date":"2019-03-03T11:01:34","date_gmt":"2019-03-03T10:01:34","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7259"},"modified":"2019-03-03T11:12:21","modified_gmt":"2019-03-03T10:12:21","slug":"la-semaine-en-pixels-3-mars-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-mars-2019\/","title":{"rendered":"La semaine en pixels \u2013 3 Mars 2019"},"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 : cr\u00e9ation d’un jeu de donn\u00e9es ouvert et diversifi\u00e9 pour les interfaces \u00e0 la voix, pertinence des wireframes comme outils de conception, l’histoire du design LGBTQ+, outils d’audits d’accessibilit\u00e9, inspiration typographique, apprendre le CSS, validation des d\u00e9cisions de design, recr\u00e9er des boutons avec divs et JS est une mauvaise id\u00e9e, cheatsheet typography et CSS grid, micro-interactions SVG & CSS, design de footers, PWA, introduction au dessin en CSS, etc.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #CSS #SVG<\/p>\n Au cas o\u00f9 vous l’auriez manqu\u00e9, Geoffrey Crofte a fait un article invit\u00e9 sur le blog :\u00a0 Portfolio Rework Part 1: Animation, Micro interaction & SVG.<\/a> Il y explique la conception des micro-interactions CSS\/SVG comme le menu de ce site, une partie des aper\u00e7us dans la partie r\u00e9alisations, etc.<\/p>\n #UX #Metiers<\/p>\n Ux designer VS ergonome & autres balivernes<\/a>, une reflexion sur les titres dans nos m\u00e9tiers et les comp\u00e9tences<\/p>\n #Diversit\u00e9 #Opendata #Voix<\/p>\n voice.mozilla.org<\/a>, vous pouvez aider Mozilla \u00e0 cr\u00e9er des jeux de donn\u00e9es plus diversifi\u00e9s et ouverts pour les interfaces vocales<\/p>\n #UX<\/p>\n #Design<\/p>\n #Front-end<\/p>\n When Is A Button Not A Button?<\/a> \u2014 c’est l’enfer de recr\u00e9er le comportement des boutons en JS (clavier, tabindex, focus survol\u00e9 inactif etc.) tldnr : utilisez un \u00e9l\u00e9ment <button> au lieu de les re-cr\u00e9er<\/p>\n #HR<\/p>\n \u00ab\u00a0Shields Down<\/a>\u00a0\u00bb \u00e0 quel moment les gens d\u00e9cident de partir et pourquoi il est en g\u00e9n\u00e9ral trop tard \u00e0 ce moment l\u00e0 pour les retenir.<\/p>\n #Typographie<\/p>\n typography inspiration<\/a> :)<\/p>\n #Diversit\u00e9<\/p>\n Dear Tech Company<\/a> une r\u00e9ponse plus diversifi\u00e9 \u00e0 la video d’IBM<\/p>\n #Webdesite #Whimsical<\/p>\n vakula.co<\/a> je n’ai aucune id\u00e9e de ce que fait cette personne (bon ok si j’ai cherch\u00e9 apr\u00e8s c’est un mod\u00e8le) mais le site est juste magique<\/p>\n #Amazon<\/p>\n Amazon stops selling Dash buttons, goofy forerunners of the connected home<\/a> #Front-End #CSS<\/p>\n #Text To Speech<\/p>\n Play’s Text to Speech app<\/a>, une app mobile qui vous lit les articles<\/p>\n #Accessibilit\u00e9<\/p>\n 5 Tools For Automated Accessibility Audits<\/a>, 5 outils pour vous aider \u00e0 faire des audit d’accessibilit\u00e9<\/p>\n #Typographie<\/p>\n Interactive Typography cheatsheet<\/a>, une anti s\u00e8che pour la typographie<\/p>\n #Grid Layout<\/p>\nCe que j’ai fait cette semaine<\/h2>\n
\n
Sur mon blog<\/h2>\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
De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
\nla fin du dash button d’amazon \u00e0 cause d’Alexa (je r\u00e9sume hein)<\/p>\nTutoriels<\/h2>\n
\n
Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n