Des pixels et du code #88
Comme chaque semaine, je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, HTML, CSS, outils, ressources et inspiration.
Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)
Les articles à lire
#Flat
A letter from a flat designer quelques bons conseils pour réussir du flat design qui reste utilisable facilement
#Utilisabilité
How to: Error Messages des bonnes pratiques pour les messages d’erreur
#Responsive Webdesign
Responsive web design: un webdesign adaptatif ou comment expliquer de façon simple le responsive webdesign à vos clients
#Responsive Images
Responsive images – end of year report srcset, picture, et d’autres formats : ce qu’il y a eut de “nouveau” (ou au moins nouvellement implémenté dans les navigateurs) du côté des solutions d’image responsive
#UX #Ecommerce
14 ways to improve the UX of on-site search results ou 14 conseils pour améliorer les résultats de recherche sur un site (e-commerce, mais certaines idées peuvent être transposées à d’autres domaines)
Inspiration
#Tatoo
Dots To Lines des tatouages composés de lignes géométriques et de points
#Typography
Inspiration: Typography Use In Business Card Design, des cartes de visite avec de jolies lettres
#Portfolio
Fixate.it un très joli portfolio avec de l’illustration sous forme de simples lignes et du SVG animé
#Illustration
Cute super heroes illustrations des super héros tout mignons dans des situations funs
Des ressources utiles
#Newsletter
Ink un outil proposé par Zurb pour créer rapidement des templates de mail responsive en HTML
#CSS #RWD
Responsive CSS region menu un menu responsive qui utilise les régions CSS (expérimental) pour adapter le nombre d’éléments affichés à la taille de la fenêtre
#Timer
Time un timer simple et rapide d’utilisation directement dans le navigateur
Des ressources gratuites
#Typographie
Born Typeface une belle police humaniste gratuite pour vos projets
Les outils et plugins pour vous faciliter la vie
#Rythme Vertical
Useful Tools & Resources For Better A Vertical Rhythm une jolie collection d’outils pour créer le rythme vertical de votre site web
Les démos sympas et impressionnantes
#CSS
Full CSS Dashed Text Shadow un effet impressionnant d’une ombre portée pointillée uniquement réalisé en CSS
#CSS
Text Fill with Water une expérience avec un effet de texte qui se rempli d’eau
#CSS #Typography
Animated Opening Type des lettres avec un effet d’ouverture et d’ombrage au survol
Et s’il devait n’en rester qu’un ?
#UX
An E-Commerce Study: Guidelines For Better Navigation And Categories quelques conseils pour améliorer la navigation et les catégories sur des sites e-commerce
Pour finir la semaine si vous ne savez pas quoi faire de weekend vous pouvez toujours cuire et vendre de la meth comme dans Breaking Bad : Clickingbad
