{"id":4725,"date":"2015-12-11T08:07:22","date_gmt":"2015-12-11T07:07:22","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4725"},"modified":"2015-12-11T10:32:19","modified_gmt":"2015-12-11T09:32:19","slug":"la-semaine-en-pixels-11-decembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-decembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 11 d\u00e9cembre 2015"},"content":{"rendered":"
Comme chaque semaine, \u00a0je vous propose un 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 webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).<\/p>\n
Au programme cette semaine des ressources CSS (vertical-align, blend-mode, performance, etc.), de l’UX, de la psychologie cognitive, des conseils pour des fonds transparents et de bons conseils de design de mani\u00e8re g\u00e9n\u00e9rale, un peu de performance, de la typographie<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Design<\/p>\n A comprehensive, well considered list of things designers simply can\u2019t do<\/a>, ce que les designers ne peuvent simplement pas faire, une liste \u00e0 envoyer \u00e0 certains clients et managers parfois h\u00e9las :\/<\/p>\n <\/p>\n <\/p>\n #Design<\/p>\n Good Design<\/a> – \u201cYou know you have a good design when you show it to people and they say, \u201coh, yeah, of course,\u201d like the solution was obvious.\u201d\u200a car un bon design est quelque chose qui a l\u2019air simple, mais il peut parfois falloir des mois et beaucoup d\u2019it\u00e9rations pour arriver \u00e0 cette simplicit\u00e9 et facilit\u00e9 d\u2019utilisation<\/p>\n <\/p>\n #CSS #Performance<\/p>\n An Introduction to Hardware Acceleration with CSS Animations<\/a>, utiliser l\u2019acc\u00e9l\u00e9ration mat\u00e9rielle pour am\u00e9liorer ses animations CSS<\/p>\n <\/p>\n #Design<\/p>\n Holding Off on High Fidelity<\/a> – ou comment le sketching peut am\u00e9liorer vos designs<\/p>\n <\/p>\n #Design #UX<\/p>\n How to maintain product UX consistency?<\/a> Comment assurer la coh\u00e9rence de l\u2019exp\u00e9rience de son produit en utilisant les techniques d\u2019Atomic Design<\/p>\n How to Do a UX Review<\/a>, comment faire un audit par un expert UX<\/p>\n <\/p>\n #Marketing<\/p>\n Online Manipulation: All The Ways You\u2019re Currently Being Deceived<\/a> on nous ment, on nous manipule, mais \u00e7a vous le saviez sans doute d\u00e9j\u00e0 ;)<\/p>\n <\/p>\n #Typographie<\/p>\n Get Expressive with Your Typography<\/a>, n\u2019ayez pas peur de vous exprimer avec la typographie pour le web !<\/p>\n <\/p>\n #Design<\/p>\n How to effectively use transparent backgrounds in graphic design<\/a>, designer avec des fonds transparent, un article tr\u00e8s bien illustr\u00e9<\/p>\n <\/p>\n #Neuroscience<\/p>\n How Your Brain Decides Without You<\/a>, un article de neuroscience sur la capacit\u00e9 du cerveau \u00e0 interpr\u00e9ter l\u2019information en fonction de mod\u00e8les qu\u2019il conna\u00eet d\u00e9j\u00e0<\/p>\n <\/p>\n <\/p>\n #CSS<\/p>\n Caring about OpenType Features<\/a>, un petit aper\u00e7u des fonctionnalit\u00e9s OpenType disponibles en CSS<\/p>\n <\/p>\n #UX<\/p>\n Cognitive Psychology for UX: The Principle of Least Effort<\/a>\u00a0le chemin du moindre effort pour notre cerveau<\/p>\n #Design<\/p>\n The secrets to effective card-based design<\/a>, les secrets du design bas\u00e9 sur les \u201ccartes\u201d (ce syst\u00e8me o\u00f9 on met tous les contenus dans des petites tuiles)<\/p>\n #Color<\/p>\n Pantone unveils two colors of the year for 2016<\/a>, les couleurs pantone de l\u2019ann\u00e9e 2016<\/p>\n <\/p>\n #CSS<\/p>\n La propri\u00e9t\u00e9 CSS font-display<\/a> est d\u00e9sormais disponible sur Chrome Canary! <\/a>\\o\/<\/p>\n <\/p>\n #Gifts<\/p>\n 10 of the Best Christmas Gifts for UX Designers<\/a>, 10 id\u00e9es cadeau pour les UX designers, moi je veux le stencil, voir le petit jeu de cartes :D<\/p>\n <\/p>\n #Calendrier<\/p>\n A Type of Advent Calendar<\/a>, un calendrier de l\u2019avent pour les fans de typographie :)<\/p>\n <\/p>\n #StarWars<\/p>\n Starbnb.co<\/a>, \u00e0 la recherche d\u2019un endroit pour un weekend sur Tatooine ?<\/p>\n <\/p>\n #Animations<\/p>\n Animation in Responsive Design<\/a> <3<\/p>\n <\/p>\n #CSS<\/p>\n Utiliser le DevTool de Firefox pour analyser et d\u00e9cortiquer les animations<\/a><\/p>\n <\/p>\n #CSS #Blend Mode<\/p>\n Blending Modes in CSS: Color Theory and Practical Application<\/a>, j\u2019aime bien ce genre d\u2019articles qui tentent d\u2019expliquer math\u00e9matiquement comment fonctionnent les modes de fusion, en tant que designer j\u2019ai l\u2019habitude de conna\u00eetre le r\u00e9sultat visuel que je vais obtenir, mais c\u2019est vrai que je ne me suis jamais pos\u00e9e la question au del\u00e0<\/p>\n <\/p>\n #CSS #Performance<\/p>\n The \u201cBlur Up\u201d Technique for Loading Background Images<\/a>, l’effet d’image flou de chargement expliqu\u00e9 en CSS<\/p>\n <\/p>\n #CSS<\/p>\n The vertical-align Property explained,<\/a>\u00a0la propri\u00e9t\u00e9 vertical align expliqu\u00e9e<\/p>\n #Web<\/p>\n Envie de tester aujoud\u2019hui le web d\u2019avant hier ? \u00a0oldweb.today<\/a><\/p>\n <\/p>\n #WTF<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
\n#UX<\/p>\nDe l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n