Des pixels et du code #09
Cette semaines a été riche en liens concernant l’ergonomie, les bonnes pratiques et l’expérience utilisateur. Boutons, call to action, ou navigation, quelques liens utiles pour nous rappeler les bonnes pratiques, mais également de la typographie, les nouveautés d’illustrator CS6 et un site dédié aux designers d’application mobile, une 9em édition des pixels et du code plus orientée designers cette semaine.
Les tutoriels de la semaine :
#Photoshop
5 Cool & Quick Photoshop Shadow Tricks
#CSS3
Code a Set of Animated App Store Buttons With CSS : un tutoriel qui utilise des animations CSS3 pour créer trois boutons qui s’ouvrent au survol
#Fireworks #jQueryMobile
Creating jQuery Mobile website themes in Fireworks
#Iconic
Pas vraiment un tutoriel a proprement parler, mais l’article The Making of Octicons revient sur la fabrication de la nouvelle font icon pour github.
Des ressources utiles
#Responsive
Panoramica, encore un slider responsive
#Typographie
Web Fonts Vs Commercial Fonts + 150 Great Web Typefaces , un article très pratique qui met cote à cote des fonts payantes et des Google Fonts, la différence est parfois minime.
#RESS
Les outils et plugins pour vous faciliter la vie
#Table
editablegrid , une api pour créer des tableaux éditables
Les articles à lire
#Typographie # Inspiration
40+ Beautiful And Creative Letterpress Designs : 40 cartes de visite en letterpress pour votre inspiration
#Inspiration
Des gifs animés sympas qui n’en ont pas l’air
#Ergonomie
Mistakes to Take Note of in Designing for a Website’s Call to Action, un article qui résume les bonnes pratriques en matire de placement des boutons “call to action” sur les pages pour qu’ils soient efficaces.
#UX
Removing Stumbling Blocks In Mobile Forms, un excellent article plein de bons conseils pour créer des formulaires pour mobiles facilement utilisables qui ne vont pas frustrer l’utilisateur
#Typographie
Pressingletters.com, un site dédié au Letterpress.
#Illustrator
Illustrator cs6 : un résumé des nouvelles fonctionnalités prometteuses d’Adobe Illustrator CS6
#UX
Effective Presentation of a Website’s Navigation, un article qui reprend les concepts clés dans le choix d’une navigation de site web efficace et ergonomique
#UI
Principles of User Interface Design : 20 principes clé dans le design d’interface utilisateur.
Le site de la semaine : Scoutzie.com, un site qui met en avant les designers applications mobiles
