Des pixels et du code #69

Des pixels et du code #69

Ce contenu a été rédigé il y a 11 ans. Il se peut qu'il ne soit plus à jour.

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

#E-mail

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