{"id":7230,"date":"2019-02-10T13:37:45","date_gmt":"2019-02-10T12:37:45","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7230"},"modified":"2019-02-11T10:37:30","modified_gmt":"2019-02-11T09:37:30","slug":"la-semaine-en-pixels-10-fevrier-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-10-fevrier-2019\/","title":{"rendered":"La semaine en pixels \u2013 10 f\u00e9vrier 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 :\u00a0superposition de texte dynamique sur des images, design de tableaux complexes, travailler efficacement entre designeuses et d\u00e9veloppeuses, exemples de portfolios d’UX designeur\u00b7euses, positions sticky en CSS, animations de texte SVG, filtres SVG, plugins Sketch, r\u00e9flexions sur les Jobs to be Done, une jolie carte de bonne ann\u00e9e interactive, un peu d’aide typographique, la vie sans Google (Fonts), devenir manager quand on est designeur\u00b7euse, etc.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #CSS #JS<\/p>\n How to make Dynamic Text Overlays on Images<\/a>\u00a0=> une technique JS + CSS pour changer la couleur du texte lorsqu’il est utilis\u00e9 sur une image et avoir un meilleur contraste pour l’accessibilit\u00e9 et la lisibilit\u00e9<\/p>\n #UX<\/p>\n Jobs To Be Done<\/a>: m\u00e9thode parfois gadget,\u00a0les raisons pour lesquelles les Jobs to Be Done \u00e9chouent parfois, par manque de recherche utilisation de cet outil comme raccourci pour \u00e9viter de faire de la recherche sur les utilisateurs.<\/p>\n #UX #portfolio #casestudies<\/p>\n Best of UX Design Case Studies 2018<\/a>, si, comme moi, vous mettez \u00e0 jour votre portfolio et manquez d’inspiration<\/p>\n #UI Pattern<\/p>\n How To Architect A Complex Web Table<\/a>\u00a0\u2013 un article tr\u00e8s d\u00e9taill\u00e9 sur la fa\u00e7on de designer des tableaux en mettant l’accent sur la conception modulaire, les mol\u00e9cules et les composants et la r\u00e9activit\u00e9.<\/p>\n #Design #Relations<\/p>\n \u201cHow to work effectively with engineers<\/a>\u00a0\u201d\u00a0– comment travailler efficacement avec les \u00e9quipes de d\u00e9veloppement, je leur dirais d’apporter de la nourriture et de les impliquer dans la conception en amont, mais la nourriture d’abord ?<\/p>\n #CSS #Sticky #Fixed<\/p>\n #Google<\/p>\n \u201cLife without Google (Fonts)<\/a>\u201d, la vie sans Google Fonts – je suis d’accord avec le message principal, mais pour les polices, si les \u00e9quipes de dev fournissent un fallback de polices comme \u00e7a devrait \u00eatre le cas, l’\u00e9cran vide sans texte dans l’article ne devrait pas \u00eatre possible, ou ai-je manqu\u00e9 quelque chose ?<\/p>\n #Internet<\/p>\n \u201cWhy isn\u2019t the internet more fun and weird?<\/a>\u201d \u00ab\u00a0Pourquoi Internet n’est-il pas plus amusant et bizarre ?\u00a0\u00bb Je regrette ces jours-l\u00e0 ? L’internet a ajout\u00e9 <canvas \/>, mais l’internet a cess\u00e9 d’en \u00eatre un.<\/p>\n #Management<\/p>\n Becoming the first design manager<\/a> – parfois vous demandez d’avoir le poste parce que vous avez les qualifications, parfois vous obtenez le poste et faites du mieux que vous pouvez ensuite.<\/p>\n De l\u2019inspiration, du fun et de jolies id\u00e9es<\/span><\/p>\n #Interaction #Illustration<\/p>\n Nomadic Tribe<\/a>\u00a0\u2013\u00a0une jolie experience interactive avec des illustrations<\/p>\n #Animation<\/p>\n This snail progress bar<\/a>\u00a0une barre de progression escargot<\/p>\n #inspiration #typographie<\/p>\n Pure CSS lettering, a bad and fun idea<\/a>, de jolies id\u00e9es de lettering<\/p>\n #CSS #SVG<\/p>\n #CSS #Scroll<\/p>\n Applying Styles Based on the User Scroll Position with Smart CSS<\/a>, un tutoriel de scroll intelligent en utilisation les positions CSS<\/p>\n #UI<\/p>\n Tip when using small text labels ?<\/a>, astuces pour rendre vos labels plus lisibles<\/p>\n #Typographie<\/p>\n Typographical cheatsheet \u2013 because it isn\u2019t \u201cthe round thing on the bottom left\u201d.<\/a>\u00a0– une cheatsheet typographie<\/p>\n #Designer<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
\n
Tutoriels<\/h2>\n
\n
Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n