Des pixels et du code #69
Pour la 69e semaine de liens, beaucoup d’inspiration que ce soit du sketch, des logos ou encore des sites d’agence et des illustrations. Les articles de fond que j’ai sélectionné cette semaine traitent principalement de wireframe, de design responsive ainsi qu’un avis sur les redesigns non sollicités d’iOS7 et quelques bons conseils pour réussir une conférence web. Du côté des ressources vous trouverez de quoi réaliser une grille d’icônes en CSS, des conseils pour les mailto dans les emails et une template pour créer facilement vos propres style guides. Bonne lecture :)
Les articles à lire
#Wireframe / mockup
Du zoning au mockup, itinéraire d’une maquette web en passant par le moodboard, le wireframe, les style tiles et le prototype, l’article de Romy Duhem-Verdière sur la terminologie, consacré à ses slides pour la kiwiparty
#Responsive Webdesign
Yes, you really can make complex webapps responsive un retour d’expérience sur le produit “Adioso” et comment ils ont géré la partie responsive de leur site.
[Lecture] Projet Responsive Web Design mon retour sur le livre « Projet Responsive » qui est un excellent livre sur la gestion de projet, et va bien au delà du responsive
#Webdesign
Designing Progress un jolie lecture sur l’importance d’avoir toujours en tête l’image globale lors d’un design puisque nous n’auront que tèrs rarement un control total sur ce qui va arriver au design “derrière l’écran” (ajout de contenu dans la base de donnée, etc).
#Design non sollicité
The Two Corners of Unsolicited Redesigns les designs non sollicités d’iOS7 avec l’avis de Mike Monteiro ainsi qu’un des designer qui a posté son redesign sur Dribbble
#Conférence
A few tricks about public speaking and stage technology quelques bons conseils avant de monter sur scène pour une conférence
#Stratégie de produit
Product strategy is about saying no un article qui vous explique comment dire “non” dans pleins de cas de figure, pour une stratégie de produit qui paie, et des réponses pour éviter les “oui mais et si ….”
Inspiration
#Sketch
34 Detailed UI Concept Sketches 34 jolis exemples d’esquisses de wireframe à la main et au crayon
www.sketchplanations.com un jour, une explication illustrée par un petit dessin, une bien belle idée
#Portofolio
nicolasborreil.fr un petit portfolio français qui envoie du lourd :)
#Webdesign
served-mcr.com tons bleus, animations humour et raquettes de ping-pong pour ce site atypique
#Logo
The 2013 Logo Trend Report, les tendances de design logo pour 2013
#Site d’agence
designersfriend.co.uk le site d’une agence web qui fait du développement, l’idée est très sympa mais à mon avis un peu complexe à comprendre pour des clients non initiés
#Illustrations
edwardcarvalhomonaghan.co.uk un portfolio d’illustrations TRES colorées
Les tutoriels de la semaine
#CSS
Sizing (Web) components – by adding a Trojan horse into your CSS rules une technique CSS basée sur des px et des em qui permet de redrimensionner un élément totalement en changeant simplement la font-size et garder les proportions
Des ressources utiles
#Style Guide
Style Guide Boiler Template une template de “Style Guides” en HTML et CSS à télécharger pour créer des éléments qui se répètent dans vos webdesigns et au final créer son propre petit framework pour le client?
#Formulaire
git.aaronlumsden.com/progression un plugin jQuery pour créer une barre de progression qui indique à l’utilisateur me taux de remplissage de son formulaire. Pratique pour les très longs formulaires.
#Présentation d’image
Twentytwenty un outil pour montrer la différence entre deux images en les superposant à l’aide d’un curseur qui va en révéler l’une ou l’autre pour un effet “avant/après”
Responsive-icon-grid une grille d’icônes responsive avec un effet au survol très sympa chez Codrops
Tip: Avoid using mailto links in HTML email apparemment les mailto dans les e-mails sont bloqués dans Outlook, bon à savoir
Les outils et plugins pour vous faciliter la vie
#Specifications
devdocs.io un outil qui rassemble de la documentations sur les spécifications HTML, CSS et jQuery
Et s’il devait n’en rester qu’un ?
#UX design
What Game of Thrones Can Teach Us About UX Design un très article que j’ai envie de vous laisser découvrir sans description pour ne pas spoiler la fin (de l’article, vous pouvez le lire sans avoir vu la fin de GoT ne vous inquiétez pas)
Et le WTF de la semaine est attribué à l’article The 15 Weirdest, Most Awkward Stock Photos You’ll Ever See qui présente des images de stock photo totalement invressemblables
