Des pixels et du code #12

Dans cette 12em édition des pixels et du code beaucoup de liens orientés mobilité et jQuery, quelques outils en ligne utiles pour générer les polices d’écriture et un petit rappel qui ne fait jamais de mal sur les droits d’auteur.

Les tutoriels de la semaine

#WordPress

Data Sanitization and Validation With WordPress un tutoriel qui répertorie les bonnes pratiques en matière de validation et sécurisation des informations que vous laissez vos utilisateurs entrer dans votre base de donnée WordPress

#Responsive #mobilefirst

Anatomy of a mobile-first responsive web design, Brad Frost explique les principes d’ergonomie mobiles qui expliquent les choix fait dans le design pour son tutoriel Creating a Mobile-First Responsive Web Design

Des ressources  utiles

JavaScript Battery API, un petit bout de code pour accéder aux informations de batterie(à tester sous firefox Aurora)

#Slider #jQuery

15 jQuery Space-Saving Content Sliders and Carousels, une liste de 15 plugins jQuery pour créer des slideshows, carrousels et autres sliders

#Droit #Freelance

Droits d’auteur, les fondamentaux un résumé à donner à tous les freelances sur les droits d’auteurs, qui peut les facturer, etc. A mettre entre toutes les mains !

Les outils  et plugins pour vous faciliter la vie

#Applications Windows

Appjs.org, construire facilement des applications HTML5 / JavaScript / CSS pour Windows et linux

#Fonts

Subsetter.com vous permet d’optimiser les fonts web pour les rendre moins gourmandes en temps de chargement

Typetester.org vous permet de comparer différentes fonts, même celles installées sur votre machine

#jQuery

ddSlick, un plugin jQuery pour ajouter des images et des descriptions à des listes de sélection (drop-down)

#Mobile

Lungo.js, un framework HTML5 / JavaScript / CSS pour créer des applications mobiles avec une UI vraiment sympa et propre

#Regex

Regexplained, un outil en ligne par Lea Verou pour comprendre les regexs (et les tester au passage)

Les articles à lire

#UI

4 UI Lessons For Instagram, From Facebook’s New Instagram Clone , une comparaison de l’original Instagram et de sa copie créée par Facebook en terme d’interface utilisateur

#Logo

15 Examples of Logo Design Process, le design de logo n’est pas une chose facile, cet article rassemble 15 logo est le processus de création pour chacun d’entre eux, du brief client au brainstorm, wireframe, choix des couleurs, etc.

Et le bonus de la semaine qui pique les yeux, des “jolis” boutons de partage sociaux #humour #sarcasme