Archive pour mai, 2012

Des pixels et du code #11

pixeletcode11

Les liens à ne pas manquer cette semaine sont une fois de plus très orientés mobilité, mais également UX et UI. Je vous ai également mis deux liens “behind the sceen”, où des designers expliquent leurs projets pas à pas. Bonne lecture Les tutoriels de la semaine #Responsive 5 Useful CSS Tricks for Responsive Design  5 morceaux de code utiles pour créer des sites responsives #Mobile Creating a Mobile Web Application with Meta Tags, pour tout savoir sur les meta … Lire la suite

Des pixels et du code #10

pixeletcode

Cette semaine la première édition à deux chiffre des pixels et du code est très axée ressources et tutoriels CSS, webdesign et général et coups de gueule dans la communauté. Les tutoriels de la semaine #CSS et #jQuery Placing Content in a Randomly Generated Mosaic Effect with jQuery , un tutoriel pour créer des mises en page en grille avec des éléments de taille différente en utilisant jQuery #CSS3 CSS3 – Créer un slideshow automatique et contrôlable : comme son … Lire la suite

Remplacement d’image CSS adapté au retina display des appareils mobiles

cssimg

De plus en plus d’appareils mobiles que ce soit sur tablette ou smartphone ont des écrans dits “retina” avec un pixel ratio plus élevé que nos écrans de bureau. L’arrivée du retina sur l’iPad 3 s’est d’ailleurs fait grandement remarqué. Les designers d’applications natives ont depuis un petit moment déjà pris l’habitude de créer deux versions de leurs images et icônes : une version “normale” et une avec le suffixe @2x destinées aux écrans retina. Sur Android, c’est même 4 … Lire la suite

Des pixels et du code #09

ppetcode09

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 … Lire la suite