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 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.

Besoin d'un designer ? D'un design de site ou d'application mobile ? De cartes de visites ou d'un logo ? Envie de travailler ensemble ? N'hésitez pas à consulter mes réalisations et à me contacter directement.

Les commentaires sont fermés.