{"id":1888,"date":"2013-09-27T07:53:00","date_gmt":"2013-09-27T05:53:00","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1888"},"modified":"2019-04-07T16:39:51","modified_gmt":"2019-04-07T14:39:51","slug":"des-pixels-et-du-code-81","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/","title":{"rendered":"Des pixels et du code #81"},"content":{"rendered":"
Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration. Dans les articles s\u00e9lectionnez cette semaine vous trouverez de quoi planifier votre contenu pour aller au del\u00e0 du web, l’histoire d’internet ou encore une comparaison des ic\u00f4nes pleines et en contours ainsi que de bons conseils pour trouver des clients lorsque l’on est freelance. Du c\u00f4t\u00e9 de l’inspiration de la semaine, des couleurs, de tr\u00e8s belles couleurs, des illustrations et des chatons. Et bien \u00e9videment une s\u00e9lection de ressources gratuites, polices d’\u00e9criture et PSD \u00e0 t\u00e9l\u00e9charger, outils de prototypage et un ressource en fran\u00e7ais pour vous aider \u00e0 cr\u00e9er des newsletter responsive. Enfin, ne manquez surtout pas l’article de la semaine sur tout ce qui est (sera ?) enfin possible de faire avec Flexbox !<\/p>\n
Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n <\/p>\n #Agile<\/p>\n 10 Things Designers Need to Stop Doing to Kick Agile’s Ass!<\/a>\u00a0Dix conseils sous forme de slides de ce que les designers ne devraient pas faire pour arriver \u00e0 travailler sur un projet avec des m\u00e9thodes agiles. Tous ne sont pas forc\u00e9ment \u00e0 prendre au pied de la lettre attention :)<\/p>\n #Content<\/p>\n Planning for Content Beyond the Web<\/a>\u00a0\u00a0pourquoi et comment pr\u00e9parer son contenu pour toutes les plateformes, et pas seulement le bureau et le mobile<\/p>\n #Tableaux<\/p>\n A Complete Guide to the Table Element<\/a> tout ce que vous avez toujours voulu savoir sur les tableaux HTML et CSS, et bien plus encore<\/p>\n #Couleur<\/p>\n Take the Test: How Well Do You See Color?<\/a>\u00a0\u00a0procrastination du matin, classez les couleurs pour savoir \u00e0 quel point vous \u00eates capables de les diff\u00e9rencier (\u00e0 mon avis le calibrage de l’\u00e9cran joue pas mal dans le teste aussi)<\/p>\n #Histoire<\/p>\n A timeline of the history of the World Wide Web<\/a> \u00a0une timeline pour apprendre l\u2019histoire de web<\/p>\n #Icon #UX<\/p>\n Optimizing UI icons for faster recognition<\/a> r\u00e9sultats d\u2019un test utilisateur pour d\u00e9terminer l\u2019efficacit\u00e9 des ic\u00f4nes \u201cpleines\u201d vs les ic\u00f4nes form\u00e9es de lignes (spoiler : la diff\u00e9rence n\u2019est pas tr\u00e8s notable selon cette \u00e9tude)<\/p>\n #Freelance<\/p>\n Freelance et prospection : comment trouver des clients<\/a> prospection active, passive, quelques bons conseils pour trouver des clients<\/p>\n #Webdesign<\/p>\n www.qunb.com<\/a>\u00a0un tr\u00e8s joli sites avec des effets au survol pour un service de visualisation de donn\u00e9es<\/p>\n #Illustration<\/p>\n Le portfolio de Yannick Robert <\/a>et ses tr\u00e8s jolies illustrations pour les livres d\u2019enfant<\/p>\n The creative process<\/a>\u00a0\u00a0une jolie illustration pleine d’humour et de couleurs sur le processus creatif<\/p>\n #Publicit\u00e9<\/p>\n Creative advertising and fashion<\/a> des publicit\u00e9s plut\u00f4t originales pour des v\u00eatements<\/p>\n <\/p>\n #Logo<\/p>\n New Logo and Identity for 2013 Brand New Conference by UnderConsideration<\/a> le redesign du logo pour UnderConsideration et c’est des grands fous sur les exemples d’utilisation du logo<\/p>\n #Dessins<\/p>\n Johnkenn.blogspot.fr<\/a> tr\u00e8s sympa bien qu\u2019un poil flippant, des cauchemars d\u2019enfant dessin\u00e9s sur des post-its.<\/p>\n #Chats<\/p>\n Idraw_on_cats<\/a> un compte instagram de photographies de chat sur lequelles les auteurs ont dessin\u00e9<\/p>\n <\/p>\n #Webdesign<\/p>\n Braingames-fr.natgeotv.com<\/a>\u00a0un site plein de couleurs et d’interactions au d\u00e9filement de la page pour le plaisir des yeux<\/p>\n #Form<\/p>\n Forms: validation, styling & semantics<\/a> design et validation de formulaire en pure CSS et HTML<\/p>\n #PixelArt<\/p>\n The Easy Way to Create Pixel Art with Object Mosaic<\/a> un tutoriel pour cr\u00e9er du Pixel Art \u00e0 partir d\u2019une photo directement dans Illustrator<\/p>\n #Select<\/p>\n FancySelect<\/a>\u00a0un script pour styler une liste de selection qui passe en liste native sur iOS<\/p>\n #Responsive<\/p>\n Responsive web design et e-mailing<\/a> un tr\u00e8s bon article sur l\u2019int\u00e9gration de newsletter responsive dans Mailchimp<\/p>\n <\/p>\n #UX<\/p>\n UX Storytellers – Connecting the Dots\u00a0<\/a>\u00a0un ebook gratuit sur l\u2019exp\u00e9rience utilisateur<\/p>\n #Corporate Identity<\/p>\n Corporate identity mockup <\/a>un PSD gratuit pour cr\u00e9er vos pr\u00e9sentations d\u2019identit\u00e9 graphiques<\/p>\n #Police<\/p>\n Born<\/a>, une police d\u2019\u00e9criture humanist serif gratuite<\/p>\n #Prototype<\/p>\n Marvelapp.com<\/a> un outil en ligne pour transformer les maquettes PSD, PNG et JPG stock\u00e9es dans votre dropbox en un prototype interractif dans lequel l\u2019utilisateur peut cliquer<\/p>\n #CSS<\/p>\n How to (de)construct an icosahedron<\/a> construction et d\u00e9construction d\u2019une forme g\u00e9om\u00e9trique 3D en CSS<\/p>\n #Jeu<\/p>\nLes articles \u00e0 lire<\/h2>\n
Inspiration<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles<\/h2>\n
Des ressources gratuites<\/h2>\n
Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n
Les d\u00e9mos sympas et impressionnantes<\/h2>\n