{"id":5396,"date":"2016-06-10T08:39:04","date_gmt":"2016-06-10T06:39:04","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5396"},"modified":"2016-06-10T08:47:34","modified_gmt":"2016-06-10T06:47:34","slug":"semaine-pixels-10-juin-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-10-juin-2016\/","title":{"rendered":"La semaine en pixels \u2013 10 juin 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 : collaboration d\u00e9veloppeur\/ designer d\u00e8s le d\u00e9but du projet, WebGL, Exp\u00e9rience Utilisateur (premi\u00e8re utilisation, gestion de l\u2019espace blanc, d\u00e9couverte progressive, permissions sur mobile),conseils de portolio, workflow, plusieurs lectures sur les progressive web apps, tendances de logo et mega menus pour 2016, mise \u00e0 jours de la politique tarifaire de Sketch. Du c\u00f4t\u00e9 des outil, de quoi comparer deux polices, des effets au survol, des librairies JS, apprendre les termes techniques de la typographie et une jolie font.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Typography<\/p>\n Typeterms<\/a>, une ressource en ligne pour apprendre le vocabulaire de la typographie<\/p>\n #Design<\/p>\n Design With Your Developer<\/a>, inclure les d\u00e9veloppeurs dans le processus de design d\u00e8s le d\u00e9but du projet permet non seulement de s\u2019assurer de la faisabilit\u00e9 technique de ce qu\u2019on propose, mais ouvre parfois de nouvelles portes \u00e0 des solutions que l\u2019on avait pas imagin\u00e9, par manque de connaissances techniques<\/p>\n #WebGL<\/p>\n How WebGL is reinventing Flash\u2019s legacy<\/a>, flash est mort, WebGL commence tout doucement \u00e0 proposer des alternatives pour des interfaces riches<\/p>\n #UX<\/p>\n Some ideas for evaluating onboarding experiences<\/a>, quelques id\u00e9e pour \u00e9valuer la 1er utilisation de votre produit<\/p>\n #Portfolio<\/p>\n Portfolio review in a hurry, a few nice advise<\/a>, quelques bons conseils par quelqu\u2019un qui a du passer au peigne 500 portfolio pour une offre d\u2019emploi<\/p>\n #Whitespace<\/p>\n Why White Space Is Crucial To UX Design<\/a>, ou pourquoi plus d\u2019espace blanc aide \u00e0 rendre les sites plus utilisables<\/p>\n #Design #Mobile<\/p>\n Design Patterns: Progressive Disclosure for Mobile Apps<\/a>, le principe de d\u00e9couverte progressive de l\u2019interface<\/p>\n #Pub<\/p>\n 2016 Mobile Adblocking Report<\/a>, un rapport de 2016 sur le blocage de publicit\u00e9 sur \u00a0mobile<\/p>\n #Notification<\/p>\n Notifications Are Broken. Here’s How Google Plans To Fix Them<\/a> : le plus gros souci avec les notifications est que les attentes utilisateur sont souvent bien diff\u00e9rentes de la fa\u00e7on dont les d\u00e9veloppeurs vont les impl\u00e9menter<\/p>\n #UX #Mobile<\/p>\n Mobile UX Design: The Right Ways to Ask Users for Permissions<\/a>, comment demander les permissions pour les notifications \u00e0 vos utlisateurs (sur une app)<\/p>\n #PWA<\/p>\n Progressive Web Apps and our regressive approach<\/a> une nouvelle approche sur les Progressive Web Apps<\/p>\n <\/p>\n #Design #Dev<\/p>\n Collaboration and interdisciplinarity on product development <\/a>\u00a0de la collaboration designer\/d\u00e9veloppeur tout au long des \u00e9tapes d\u2019un produit<\/p>\n #UX #A11Y<\/p>\n In Plain Sight: Text, Contrast, and Accessibility<\/a> contraste et accessicilit\u00e9, par l\u2019UX team de Shopify<\/p>\n #Design<\/p>\n The Ideal Design Workflow<\/a>, faites moi confiance, lisez le en entier :)<\/p>\n #UX #Mobile<\/p>\n Mobile UX Design: User Errors<\/a>, les erreurs \u00e0 \u00e9viter en ergonomie mobile<\/p>\n #WebApp<\/p>\n Progressive web apps \u2013 let\u2019s not repeat the errors from the beginning of responsive web design<\/a>, ne pas refaire les m\u00eames erreurs que nous avons fait au d\u00e9but du responsive<\/p>\n #BienEtre<\/p>\n Gu\u00e9rir le burnout \u00a0par Goulven Champenois, le transcript<\/a>, les slides<\/a> et la vid\u00e9o<\/a><\/p>\n #Push<\/p>\n Quelques donn\u00e9es int\u00e9ressantes sur les notifications push pour les applications natives<\/a><\/p>\n #Logo<\/p>\n 2016 logo design trends<\/a><\/p>\n #Trend #Menu<\/p>\n Mega-menu design trends in ecommerce: 2014 vs 2016<\/a> analyse des tendances des megas menu de 2014 vs 2016<\/p>\n #UI #Draw<\/p>\n A Universal Interface That You Control By Doodling<\/a> l\u2019id\u00e9e g\u00e9niale d\u2019une interface qui contr\u00f4le les objets en dessinant<\/p>\n #Awwwards<\/p>\n Awwwards Websites Deconstructed<\/a>, la technique derri\u00e8re les sites \u00e0 awwwards<\/p>\n #CSS<\/p>\n CSS when \/ else<\/a>, une proposition pour \u00e9tendre les capacit\u00e9s CSS \u00e0 des op\u00e9rateurs logiques when \/ else<\/p>\n #Sketch<\/p>\n Sketch is updating its pricing policy<\/a>, Sketch met \u00e0 jour sa politique tarifaire : 99$ pour une ann\u00e9e de mises \u00e0 jours<\/p>\n #CSS<\/p>\n You Don’t Need JavaScript for That!<\/a> des solutions de pattern d\u2019UI uniquement en CSS, attention \u00e0 l\u2019accessibilit\u00e9 quand m\u00eame comme mentionn\u00e9 \u00e0 la fin de l\u2019article<\/p>\n #Design<\/p>\n Design for Programmers<\/a>, un petit tutoriel avec les bases de design \u00e0 destination des programmeurs (ou n\u2019importe quel d\u00e9butant)<\/p>\n #CSS<\/p>\n Punch-Out Avatar<\/a>, un avatar avec une bordure transparente qui demande beaucoup d\u2019ing\u00e9niosit\u00e9 en CSS<\/p>\n #a11y<\/p>\n frend.co<\/a> une librairie d\u2019\u00e9l\u00e9ments d\u2019interface accessibles<\/p>\n #Font<\/p>\n Un outil en ligne pour comparer 2 fonts<\/a><\/p>\n #Images #CSS<\/p>\n Une galerie d\u2019images au survol<\/a><\/p>\n #JS<\/p>\n The Vanilla Javascript Repository<\/a>, une galerie de scripts qui n\u2019ont pas besoin de plugins JS (comme jQuery)<\/p>\n #Podcast<\/p>\n humantech.theteamw.com<\/a> un podcast \u00e0 l\u2019intersection entre le cerveau humain et la technologies<\/p>\n #Typographie<\/p>\n Les guidelines typographique pour le site de la BBC<\/a><\/p>\n <\/p>\n #Font<\/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
<\/p>\n
<\/p>\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
<\/p>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
<\/p>\n
Les tutoriels de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n