{"id":5519,"date":"2016-07-08T08:53:27","date_gmt":"2016-07-08T06:53:27","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5519"},"modified":"2016-07-08T09:06:03","modified_gmt":"2016-07-08T07:06:03","slug":"semaine-pixels-8-juillet-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/","title":{"rendered":"La semaine en pixels \u2013 8 juillet 2016"},"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 : simplifier ses interfaces pour les rendre plus utilisables et tendance \u00e0 la r\u00e9duction minimaliste des grands noms des applications mobiles, utilisation de labels et design de formulaires, erreurs mobiles \u00e0 \u00e9viter, le retour du d\u00e9bat sur la mort du web vs les applications natives, accessibilit\u00e9 et redimension des lignes en SVG, astuces\u00a0de d\u00e9coration CSS, triangles et soulignement. Du c\u00f4t\u00e9 de l’inspiration, de jolies r\u00e9alisations en CSS et un outil pour d\u00e9bloquer sa cr\u00e9ativit\u00e9. Enfin des outils de monitoring de performance, pour cr\u00e9er une palette de couleurs et pour le prototypage.<\/p>\n
D’ailleurs je serais aux Etats-Unis (Los Angeles puis\u00a0San Franscisco pour\u00a0Generate Conf<\/a>) et\u00a0apr\u00e8s\u00a0Amsterdam, donc plus de liens de la semaine avant le 29. Vous pouvez toujours suivre les photos sur instagram en attendant ^^\u00a0<\/em><\/strong><\/p>\n Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #forms<\/p>\n Design Better Forms<\/a> – des conseils pour \u00e9viter des erreurs classiques de design de formulaires<\/p>\n #Design<\/p>\n How to Declutter your Design<\/a>, comment simplifier et a\u00e9rer son design<\/p>\n #Form<\/p>\n Always use a label<\/a>. Utilisez toujours un label pour vos formulaires, oui, m\u00eame sur un champ de recherche o\u00f9 le label est masqu\u00e9 !<\/p>\n #Mobile #Design<\/p>\n Don\u2019t Make These 10 Mistakes in Your App Design<\/a>, 10 erreurs de design mobile \u00e0 \u00e9viter<\/p>\n #Mobile #Native #Web<\/p>\n Is the web dying?<\/a> Le retour du d\u00e9bat web vs natif avec des statts mobiles interessants<\/p>\n #Amp<\/p>\n About that \u2018mobile\u2019 in Accelerated Mobile Pages<\/a>, un retour sur AMP, la technologie Google pour acc\u00e9l\u00e9rer les pages web mobile<\/p>\n #Design<\/p>\n Complexion Reduction: A New Trend In Mobile Design<\/a>, une nouvelle \u201ctendance\u201d de design \u00e0 base de titres gras, d\u2019ic\u00f4nes plus simples et universelles avec un retour vers moins de couleurs serait-elle entrain d\u2019\u00e9merger pour les applications mobiles ?<\/p>\n #A11Y<\/p>\n Accessible SVGs<\/a>, longue lecture tr\u00e8s d\u00e9taill\u00e9e sur l\u2019accessibilit\u00e9 de diff\u00e9rentes techniques d\u2019affichage des SVG<\/p>\n #Conference<\/p>\n Une superbe conf \u00e0 regarder absolument sur l’\u00e9tat de notre industrie en France<\/a><\/p>\n #Design<\/p>\n 20 Things You Didn\u2019t Know About Pop Art<\/a>, la petite histoire du pop art<\/p>\n #CSS<\/p>\n A Single Div<\/a>, un joli projet de dessins en CSS<\/p>\n #Inspiration<\/p>\n Designer’s Block<\/a>, un petit site sympa pour vous aider en cas de panne cr\u00e9ative, pas convaincue que \u00e7a marche mais c\u2019est fun<\/p>\n #Portfolio<\/p>\n thefunderstorms.com<\/a> un portfolio fun et sympa avec des petits jeux<\/p>\n #Animations<\/p>\n Un petit tutoriel pour vous expliquer le fonctionnement du Chrome DevTools Animation Inspector<\/a><\/p>\n #SVG<\/p>\n Redimensionner des SVG avec vector-effect=\u00a0\u00bbnon-scaling-stroke\u00a0\u00bb<\/a> pour garder la taille des lignes de base, vraiment pratique !<\/p>\n #CSS<\/p>\n CSS for Decoration<\/a>: shapes, region, maskings and more :)<\/p>\n #CSS<\/p>\n Commes sont cr\u00e9\u00e9s les triangles CSS, expliqu\u00e9 dans une petite animation<\/a><\/p>\n #CSS<\/p>\n Introducing the CSS text-align-last Property<\/a>, elle a l\u2019air pratique cette propri\u00e9t\u00e9<\/p>\n #Performance<\/p>\n Performance<\/a> un outil de monitoring de performance que vous pouvez installer chez vous via un package Gulp<\/p>\n Un plugin WordPress<\/a> qui permet de cr\u00e9er des mises en page complexes directement du c\u00f4t\u00e9 front<\/p>\n #Sketch<\/p>\n A Sketch plugin<\/a> pour cr\u00e9er des artboards avec les jeux de couleur de votre site<\/p>\n <\/p>\n #Placeholder<\/p>\n Un service qui vous propose des image de Star Wars \u00e0 utiliser en placeholders<\/a><\/p>\n #Prototyping<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\n
Les articles de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
Les tutoriels de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
#WordPress<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n