Des pixels et du code #09

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

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

Getting started with RESS, un tutoriel très détaillé pour débuter avec du responsive webdesign couplé avec de l’optimisation côté serveur.

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