Des pixels et du code #10
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 nom l’indique, un tutoriel en français pour créer un slideshow d’images contrôlable uniquement en CSS3.
#Retina #Autopromotion
Remplacement d’image CSS adapté au retina display des appareils mobiles mon article qui détaille une technique pour créer des image pour les appareils qui supportent le retina et les afficher en CSS
Des ressources utiles
#CSS
Cssselectors, une petite démo pour comprendre les sélecteurs de CSS via un exemple visuel
#Webdesign
A Student’s Guide to Web Design un blog avec des ressources et conseils pour les étudiants en design qui débutent
#Android
Quelques chiffres et graphiques sur la fragmentation du marché mobile pour Android.
Les outils et plugins pour vous faciliter la vie
#Toolbox
Thetoolbox.cc , un petit site qui rassemble beaucoup d’application web et widget utiles à ceux qui travaillent dans le web.
#CSS3
Patternizer.com, un outil pour générer des patterns en CSS3
#Icons
Minicons/, un nouveau pack d’icônes entre 1 et 59$
#Windows
Qttabbar , une fois n’est pas coutume je met en avant un logiciel sympa qui permet d’organiser ses fenêtres d’explorer windows en tab (comme sur linux), ce qui fait gagner pas mal de place sur l’écran.
Les articles à lire
#Responsive
Which responsive image solution should you use, Chris Coyier présente différentes techniques pour les images responsives et les bonnes questions à se poser en fonction du projet.
#SVG
Text masking — The standards way : la propriété webkit-mak-image n’est pas standard et n’est même pas dans les specifications, par contre il est possible de créer un effet de masque de texte en utilisant du SVG
#Fireworks
Refining Your Design In Adobe Fireworks
#WordPress
Dear theme developers, this is how you add scripts in WordPress themes : un guide des bonnes pratiques pour inclure les scripts correctement dans WordPress
#Webdesign trend
Stop Using Curved Drop Shadows, coup de gueule sur l’utilisation des ombres incurvées (effet feuille de papier) en webdesign
#CS6
Adobe Photoshop CS6 and the interface designer une présentation des fonctionnalités de Photoshop CS6 utiles pour les designers d’interface
#Typographie
Against the Lobster font abuse, un article coup de gueule qui explique les dérives de l’utilisation d’une font pourtant sympa au départ : Lobster.
