{"id":6456,"date":"2017-08-26T16:21:19","date_gmt":"2017-08-26T14:21:19","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6456"},"modified":"2017-08-26T16:21:19","modified_gmt":"2017-08-26T14:21:19","slug":"la-semaine-en-pixels-25-aout-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-aout-2017\/","title":{"rendered":"La semaine en pixels \u2013 25 ao\u00fbt 2017"},"content":{"rendered":"
Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n
Au programme : librairies de patterns, AMP et e-commerce, l’importance du contenu dans le design, un mauvais choix de police qui m\u00e8ne \u00e0 une mauvaise exp\u00e9rience, de la recherche utilisateur, designer pour un utilisateur parlant Arabe, repenser le drag and drop, des formulaires offline friendly, dark patterns, de la s\u00e9curit\u00e9, de jolies images de Google Earth, deux livres sur l’accessibilit\u00e9 et les animations, des tutoriels CSS Grid Layout, Illustrator et l’export SVG, des ressources Sketch et une jolie police en licence open source.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Design #Process<\/p>\n Pattern Library Workflow<\/a> \u2013 une lecture interessante sur le processus<\/p>\n #AMP #Ecommerce<\/p>\n Using Google AMP for e-commerce might not be the best choice currently<\/a><\/p>\n #Design #Contenu<\/p>\n Content or design?<\/a>\u00a0de l’importance d’avoir des contenus pour le design<\/p>\n #Design #Typographie<\/p>\n How bad typography (almost) ruined my holiday<\/a> \u2013 ou comment un mauvais choix de police peut risquer de vous voir refuser l’entr\u00e9e dans le pays parce que vous vous \u00eates tromp\u00e9s dans votre esta<\/p>\n #UX #Recherche #Interview<\/p>\n Increasing Your Research Velocity with Visual Data Collection\u00a0<\/a><\/p>\n #UX #Design<\/p>\n Designing for the Arab User \u2014 Basic Arabic UX for Business<\/a><\/p>\n #Design #React<\/p>\n Rethinking drag and drop<\/a>\u00a0en utilisant React<\/p>\n #Offline<\/p>\n Offline-Friendly Forms<\/a>\u00a0 une tr\u00e8s bonne id\u00e9e<\/p>\n #UX #Darkpattern<\/p>\n Facebook News Feed: Design and \u00ab\u00a0dark UX\u00a0\u00bb are turning us into sleep-deprived internet addicts<\/a><\/p>\n #Couverture #Magazine<\/p>\n A Visual History of Trump Magazine Covers (Extended Edition)<\/a><\/p>\n #Securit\u00e9<\/p>\n Post a boarding pass on Facebook, get your account stolen<\/a>, ou pourquoi il vaut mieux ne jamais rien poster avec un code barre<\/p>\n #Offline<\/p>\n You need to be offline to read this<\/a>, vous ne pourrez lire ce contenu qu’en passant offline, une jolie id\u00e9e<\/p>\n #Inspiration #Photos<\/p>\n Pour de jolies photos de la terre :\u00a0earthview.withgoogle.com<\/span><\/a>\u00a0(et un script pour les r\u00e9cup\u00e9rer toutes\u00a0earthview-scrap)<\/a><\/p>\n #News #Chrome<\/p>\n Chromium Blog: Chrome 61 Beta: JavaScript modules, Payment Request API on desktop, Web Share API, and WebUSB<\/a><\/p>\n #Animations<\/p>\n Animation at Work: Rachel Nabors’ new book on motion design on the web<\/a><\/p>\n #Accessibilit\u00e9<\/p>\n \u00a0Accessibility For Everyone<\/a>, un livre de Laura Kalbag sur l’accessibilit\u00e9<\/p>\n #Sketch #Produit<\/p>\n Product Graveyard,<\/a>\u00a0une lise de produits qui n’existent plus et leurs alternatives<\/p>\n #Font #OpenSource<\/p>\n Interface font family<\/a>, une jolie police open source pour vous interfaces<\/p>\n #Tool #Browser<\/p>\n CanvasFlip : Visual Inspector<\/a>, un outil pour changer \u00e0 la vol\u00e9e le CSS dans les pages web<\/p>\n #CSS #Grid<\/p>\n Here’s a Super Quick Way to Try out CSS Grid<\/a><\/p>\n #JS #CSS<\/p>\n Loading Experience using JS and CSS<\/a><\/p>\n #JS #CSS<\/p>\n Be Slightly Careful with Sub Elements of Clickable Things<\/a><\/p>\n #SVG #Export<\/p>\n Saving SVG with Space Around It from Illustrator<\/a><\/p>\n #Sketch #Tutorial #Typographie<\/p>\n Text System Mastery with Shared Styles \u2013 Design + Sketch<\/a>, une excellente astuce pour cr\u00e9er des styles de texte coh\u00e9rents sur Sketch<\/p>\n #Dessin<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\nLes articles de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\n
<\/p>\n\u00a0L\u2019actualit\u00e9 webdesign<\/h2>\n
Livres<\/h2>\n
<\/p>\n
<\/p>\n\u00a0Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
\nSketch for Designrs<\/a>, pleins de ressources Sketch<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\nTutoriels<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n