{"id":6434,"date":"2017-07-28T09:15:56","date_gmt":"2017-07-28T07:15:56","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6434"},"modified":"2017-07-28T09:16:50","modified_gmt":"2017-07-28T07:16:50","slug":"la-semaine-en-pixels-28-juillet-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2017\/","title":{"rendered":"La semaine en pixels \u2013 28 juillet 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 : des polices variables, CSS Grid Layout, Design systems, dark patterns dans les notifications et la reservation de vacances, retours sur du design, quand la friction am\u00e9liore l’experience utilisateur, designer des \u00e9tats d’interface sans contenus, de la recherche utilisateur \u00e0 distance, des conseils pour les d\u00e9butants en design, un nouveau logo pour les PWAs, formulaires responsives dans Sketch, des outils pour tester son site avec peu de budget, du faux contenu et un loader Lego.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #CSS #Typography #Fonts<\/p>\n What do Variable Fonts mean for Web Developers?<\/a> \u2013 les polices dont on peut faire varier la graisse directement en CSS, yeahyyy<\/p>\n <\/p>\n #CSS<\/p>\n Why display: contents is not CSS Grid Layout subgrid<\/a><\/p>\n <\/p>\n #Atomic Design #Podcast<\/p>\n Design Systems and Creativity: Unlikely Allies<\/a><\/p>\n <\/p>\n #Design #Darkpattern #UX<\/p>\n An interaction designer books a holidays<\/a>, un article sur les dark patterns des sites de r\u00e9servation de vacances<\/p>\n <\/p>\n #Feedbacks<\/p>\n Five ways to receive negative feedback well<\/a><\/p>\n <\/p>\n #UX<\/p>\n 4 Ways Friction Can Improve UX<\/a><\/p>\n <\/p>\n #HTTPS #Securit\u00e9<\/p>\n Life Is About to Get a Whole Lot Harder for Websites Without HTTPS<\/a><\/p>\n <\/p>\n #SVG<\/p>\n One Illustration, Three SVG outputs<\/a><\/p>\n <\/p>\n #Notifications #UX<\/p>\n Are Notifications A Dark Pattern?<\/a><\/p>\n #Design<\/p>\n Visual sugar<\/a>, le design visuel et la sur-utilisation des memes techniques jusqu’\u00e0 overdose<\/p>\n <\/a><\/p>\n #Etat vide #Illustration<\/p>\n Empty States? More like You-Have-No-Idea-How-Much-Work-Goes-Into-Those States, amirite??<\/a>\u00a0le design des \u00e9tats vides d’interface chez Spotify qui sont tous disponibles sur behance<\/a><\/p>\n <\/p>\n #Design #D\u00e9butants<\/p>\n Improving your visual design skills: Thoughts for beginners<\/a>\u00a0de bons conseils pour d\u00e9butants<\/p>\n <\/p>\n #PWA<\/p>\n We now have a community-approved Progressive Web Apps logo!<\/a><\/p>\n <\/p>\n #Responsive #Sketch #Formulaire<\/p>\n How to make responsive Forms in Sketch<\/a><\/p>\n <\/p>\n #CSS #Grid<\/p>\n A Collection of Interesting Facts about CSS Grid Layout<\/a><\/p>\n <\/p>\n #Usabilit\u00e9<\/p>\n 4 Usability Testing Tools for Designers on a Budget<\/a>, quelques outils pour tester ses sites sans budget<\/p>\n <\/p>\n #Contenu #Design<\/p>\n Real content for all your designs<\/a> du vrai faux contenu<\/p>\n <\/p>\n #UX #Distance #Outils<\/p>\n Si vous cherchez des outils et techniques pour faire de la recherche utilisateur \u00e0 distance : remoteresear.ch<\/a><\/p>\n <\/p>\n #Demo #CSS<\/p>\nLes liens en fran\u00e7ais<\/h2>\n
\n
tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
Tutoriels<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n