{"id":5195,"date":"2016-04-15T07:47:43","date_gmt":"2016-04-15T05:47:43","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5195"},"modified":"2016-04-15T07:56:43","modified_gmt":"2016-04-15T05:56:43","slug":"semaine-pixels-15-avril-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/","title":{"rendered":"La semaine en pixels \u2013 15 avril 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 cette semaine : animations CSS performantes et transformations, le CSS du futur avec variables et mixins natives, le pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, conseils de typographie pour am\u00e9liorer l\u2019UX, comment d\u00e9velopper son \u0153il de designer, un petit topo sur les bonnes pratiques et apprendre l\u2019histoire du design sous forme de petites anecdotes. Ne manquez pas dans les ressource une liste de livres, de l\u2019inspiration mobile, un script Photoshop pour cr\u00e9er des effets de pixels fondus et un site pour automatiser la cr\u00e9ation de logos si vous avez envie de rire un peu.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Animations #Transform<\/p>\n Fast CSS animations<\/a>, une librairie pour cr\u00e9er des animations qui ne cause pas de repaint ou de reflox, et What are Transformations ?<\/a> qui explique les transformations CSS qu\u2019on utilise tr\u00e8s souvent avec les animations<\/p>\n <\/p>\n #Design<\/p>\n QUOIIIIIII t’es PAAAAAS sur SKEEEETCH et le dernier super outil de ouf ???\u00a0Forgetting how the other half designs<\/a> – Some designers are stuck with shitty workflows. AMEN!<\/p>\n <\/p>\n #Mobile<\/p>\n Native or Not? The Untapped Power of Web Apps<\/a> native ou pas, le pouvoir des web apps qu\u2019on oublie un peu trop souvent comme strat\u00e9gie mobile tout \u00e0 fait viable en fonction des besoins du client.<\/p>\n <\/p>\n #Design<\/p>\n Optical corrections in logo design<\/a>, corriger visuellement les logos, l\u2019astuce pour le logo noir et blanc est plut\u00f4t maline<\/p>\n <\/p>\n #Form<\/p>\n Web Form Design Best Practices: 5 Useful UI Patterns<\/a>, 5 bonnes pratiques pour vos formulaires<\/p>\n <\/p>\n #Design<\/p>\n The Design School Guide To Visual Hierarchy<\/a>, un petit guide pour vous aider \u00e0 ma\u00eetriser la hi\u00e9rarchie visuelle<\/p>\n <\/p>\n #CSS<\/p>\n CSS from the Future<\/a>, quand est-ce que ce le CSS vanilla sera aussi puissant que Sass, LESS, Stylus et autres<\/p>\n <\/p>\n #Front-end<\/p>\n iframe, or not, that is the question<\/a> iframe ou injection JavaScript pour un widget, une comparaison int\u00e9ressante<\/p>\n <\/p>\n #typography #UX<\/p>\n Typography tips for a better user experience<\/a>, des conseils de typographie pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n <\/p>\n #Design<\/p>\n Un article sympa si vous cherchez des moyens de d\u00e9velopper vos talents de designer : Developing your eye for design<\/a><\/p>\n #Design<\/p>\n The Road to Mediocrity Is Paved with Best Practices<\/a>, parfois les bonnes pratiques ne sont pas forc\u00e9ment ce qui va fonctionner pour votre entreprise<\/p>\n #a11y<\/p>\n 15 Website Accessibility Tips That Increase Everyone\u2019s Engagement<\/a><\/p>\n #Portoflio<\/p>\n Hahaha la page \u00e0 propos un peu fun de la semaine davidprati.fr<\/a> \u00a0\u00a0^^<\/p>\n <\/p>\n #Design<\/p>\n Une plate-forme plut\u00f4t sympa pour apprendre l\u2019histoire du design au travers de petits anecdotes Design Facts<\/a><\/p>\n <\/p>\n #Illustration<\/p>\n Ow <3 Alphabet Illustrations<\/a><\/p>\n <\/p>\n #Mobile<\/p>\n Si vous cherchez de l\u2019inspiration mobile voici une jolie liste de blogs \u00e0 suivre<\/a><\/p>\n #Google<\/p>\n Google now blocks searchers from sites with deceptive download buttons<\/a>, Google bloque d\u00e9sormais des r\u00e9sultats de recherche les sites avec des boutons qui pourraient \u00eatre malicieux<\/p>\n #API<\/p>\n Record almost everything in the browser with MediaRecorder<\/a>, on va pouvoir enregistrer de plus en plus de choses sur les appareils de nos utilisateurs<\/p>\n <\/p>\n #Books<\/p>\n Plus de livres : 50 essential books every graphic designer should read<\/a><\/p>\n <\/p>\n <\/p>\n #Action #Photoshop<\/p>\n Free Pixel Sorting Photoshop Action for Creating Glitch Art<\/a>, une action Photoshop pour cr\u00e9er des effets de glitch visuel assez sympas<\/p>\n <\/p>\n #CSS<\/p>\n Styleguide – Living Styleguide Made Easy<\/a> un outil pour vous aider \u00e0 faire des styleguides<\/p>\n <\/p>\n #Devis<\/p>\n How much does a website cost?<\/a> un outil en ligne pour calculer combien co\u00fbtera un site web, la liste de questions est toujours int\u00e9ressante pour aider pour un cahier des charges<\/p>\n <\/p>\n #CSS<\/p>\n CSS Pseudo<\/a>, une pr\u00e9sentation pseudo classes et pseudo elements CSS<\/p>\n #Spotify<\/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
L\u2019actualit\u00e9 webdesign<\/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