Des pixels et du code #35

Une sélection de liens utiles très orientés font-dev avec beaucoup de responsive, d’optimisation mobile mais également une belle initiative de designers dans un but caritatif.

Les tutoriels de la semaine

#CSS

Reinventing a Drop Down with CSS and jQuery  un tutoriel pour style une dropdown en jQuery, liée à une select.

Des ressources utiles

#Mobilefirst

Web mobile : déplacer des blocs avec Relocate.js  un script qui permet de repositionner les blocs dans une page et changer l’ordre en fonction de la taille du navigateur dans une optique de “mobile first”.

#CSS

Learnlayout.com un site pour apprendre, ou revoir les positionnements fondamentaux en CSS.

#Grid

Cedvel.com un outil pour créer ses propres grilles.

#HTML5 Mobile

Html5 forms and I10 mobile un test des éléments de formulaire HTML5 sur IE10 mobile.

Les outils  et plugins pour vous faciliter la vie

#Mobile

Ratchet, un framework pour créer des pototypes d’application mobile en HTML CSS et JS.

10 outils pour le Web mobile grilles, responsive, navigation, etc., une petite sélection de 10 outils pour faciliter la création de sites mobiles

#Bootstrap

Easel.io un outil simple pour personnaliser en quelques clics des éléments Bootstrap.

Les articles à lire

#UX

A New Mobile UX Design Material, les principes de l’animation (dessin animés) appliqués au design d’intertace et à l’expérience utilisateur.

#RWD

The Responsive Designer une très belle lecture sur le design responsive du point de vue du designer.

Responsive background images with fixed or fluid aspect ratios une technique à base de figure et background size pour créer des designs avec des images qui gardent leur ratio quand la taille de la fenêtre change.

Mission: Impossible – iPad mini detection for HTML5  détecter l’iPad mini, que ce soit côté serveur ou client s’avère apparemment chose impossible pour le moment.

#Design #client

Sharpsuits des posters A3 de citations de clients pour une action caritative, idée chouette et sympa.
Et le bonux de la semaine, theuselessweb.com, cliquez et découvrez des sites totalement improbables