Des pixels et du code #23
Une petite semaine de liens utiles consacrée principalement au Responsive Webdesign, au format SVG et à WordPress
Les tutoriels de la semaine
#CSS
Magazine-like Layout for the Web with CSS Regions and Exclusions une introduction et démonstration des régions en CSS
#WordPress
Reusable Custom Meta Boxes une collection de 4 articles pour ajouter des « metas boxes » à vos posts, pages et custom post type WordPress sans plugins. Très utile pour customiser les fonctionnalités à l’infini !
Des ressources utiles
#RWD
wirefy , un framework pour créer des prototypes rapide de site responsive qui fonctionnent.
#WordPress
6 Questions To Ask Before You Install A WordPress Plugin, 6 bonnes questions à vous poser avant d’installer un plugin WordPress, je le classe dans ressources car le flowchart est sympa et pratique à avoir à porté de main
#SVG
Using svg graphics today , quelques techniques pour implémenter des images SVGs sur un site web, et des propositions de fallback pour les vieux navigateurs
#jQueryMobile
12+ jQuery Mobile Layout Plugins and Examples 12 exemples de layout jQuery Mobile pour tablette avec le code etc.
#Retina
Retina Display Media Query , les media queries pour cibler les navigateurs retina, au 16 aout 2012
#iPhone template
iPhone 4 template , une template iPhone à télécharger en PSD pour présenter vos designs
Les outils et plugins pour vous faciliter la vie
#Metro
Metro.css, un framework CSS pour créer des interfaces metro style (on me souffle à l’oreille que Metro n’est plus le nom officiel, mais comme c’est le nom du framework je le laisse comme tel pour le moment)
Les articles à lire
#RWD
Responsive-line-breaks , le problème avec les coupures de ligne en responsive design
#Inspiration
Stunning photoshop art of Matei Apostolescu , des illustrations pleines de couleur
#UI design
Maintaining Consistency in Your UI Design des conseils pour avoir une interface cohérente
#UI
Login vs Signin, “Login” ou “Sign in”, quel label choisir pour ses utilisateurs ?