{"id":5743,"date":"2016-09-23T08:43:14","date_gmt":"2016-09-23T06:43:14","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5743"},"modified":"2016-09-23T08:56:18","modified_gmt":"2016-09-23T06:56:18","slug":"semaine-pixels-23-septembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 23 septembre 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 : CSS level 4, loaders et CSS shapes, beaucoup d’articles sur le mobile (AMP, Progressive Web Apps, designer pour le touch et le pouce, designer les message et \u00e9tat d’erreurs et une liste d’outils pour les applications), le retour du syndrome de l’imposteur, un peu de typographie et de performance et de l’accessibilit\u00e9 (design pour l’autisme, utilisation de button et une jolie collection de posters de bonnes pratiques).<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #A11Y<\/p>\n A few \u00ab\u00a0Dos and don’ts on designing for accessibility<\/a>\u00a0\u00bb posters<\/p>\n <\/p>\n #CSS<\/p>\n Why there is no CSS4 – explaining CSS Levels<\/a>, explication de CSS level 4 et non CSS4.<\/p>\n <\/p>\n #UX<\/p>\n The (frustrating) User Experience of defining your own ethnicity<\/a>, ou l\u2019exp\u00e9rience frustrante de voir son origine ethnique oubli\u00e9e dans les choix sur un site web<\/p>\n <\/p>\n #Mobile<\/p>\n What is AMP?<\/a> qu\u2019est ce que AMP<\/p>\n <\/p>\n #Design<\/p>\n When Card UI Design Doesn\u2019t Work<\/a> \u00e0 quel moment vaut-il mieux \u00e9viter un design en cartes ?<\/p>\n <\/p>\n #Design #Autism<\/p>\n A Summer Designing for Autism<\/a>, une excellente lecture et \u00e9tude de cas sur designer une interface adapt\u00e9e aux personnes autistes et avec des troubles de l\u2019attention<\/p>\n <\/p>\n #PWA<\/p>\n Une introduction aux PWA \u00e0 lire en premier : An intro to progressive web apps<\/a><\/p>\n Et ensuite, plut\u00f4t d\u2019accord avec \u00e7a, pourquoi les progressive web apps semblent une strat\u00e9gie \u201clogique\u201d Progressive Web Apps Simply Make Sense<\/a><\/p>\n <\/p>\n #Mobile<\/p>\n The Thumb Zone: Designing For Mobile Users<\/a>, les zones de touch sur mobile<\/p>\n <\/p>\n #Imposter Syndrom<\/p>\n The Imposter<\/a>, une petite planche de BD sur le syndr\u00f4me de l\u2019imposteur et comment y faire face<\/p>\n <\/p>\n #Onboarding<\/p>\n Don\u2019t overdo your social app onboarding<\/a>, un article sur diff\u00e9rentes techniques d\u2019onboarding<\/p>\n <\/p>\n #Typography #Performance<\/p>\n The New System Font Stack?<\/a> les sites n\u2019ont pas besoin d\u2019\u00eatre 100% identiques sur tous les navigateurs, pourquoi ne pas tenter la font native ?<\/p>\n <\/p>\n #Mobile<\/p>\n How To Design Error States For Mobile Apps<\/a>, le design d\u2019erreurs pour les applications mobiles<\/p>\n <\/p>\n #Sensibilisation<\/p>\n Une campagne de sensibilisation bien foutue \u00a0:)<\/a><\/p>\n <\/p>\n #Horoscope<\/p>\n Le tweet qui a bien fait rire ma TL cette semaine \u00e0 base d\u2019illustrations<\/a><\/p>\n <\/p>\n #Git<\/p>\n Oh shit, git!<\/a> des fonctions git expliqu\u00e9es en langage humain ^^<\/p>\n <\/p>\n #CSS<\/p>\n Thinking Outside the Box with CSS shape-outside<\/a>, un petit tutoriel sur les shapes CSS<\/p>\n <\/p>\n #Accessibility<\/p>\n Just use button — A11ycasts #05<\/a>, ou pourquoi il vaut mieux utiliser un button pour des boutons en HTML dans tous les cas (m\u00eame avec aria)<\/p>\n <\/p>\n #Devtool<\/p>\n Twelve Fancy Chrome DevTools Tips<\/a>, les astuces de l\u2019outil de d\u00e9veloppement de Chrome<\/p>\n <\/p>\n #CSS #Loader<\/p>\n CSS loaders<\/a>, une galerie de loaders en CSS<\/p>\n <\/p>\n #App<\/p>\n App Tools<\/a>, une liste d\u2019outils pour le design et le d\u00e9veloppement d\u2019applications mobiles<\/p>\n <\/p>\n #Sketch<\/p>\n Sketchode.com<\/a>, un plugin gratuit qui vous permet d\u2019exporter des sp\u00e9cifications dans Sketch (tailles, couleurs, etc.)<\/p>\n <\/p>\n #Bots<\/p>\n thenextbot.com<\/a> une timeline consacr\u00e9e au news sur les bots, l\u2019intelligence artificielle, etc.<\/p>\n #Typography<\/p>\n Knowyourfont.com<\/a>, un petit jeu typographique<\/p>\n <\/p>\n #Mreeouw<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n