Des pixels et du code #39

C’est la fin de l’année, je ne sais pas si c’est lié, mais je vous ai dégoté pleins de ressources utiles concernant Android, le mobile en général et quelques plugins jQuery. Pas mal d’articles qui traitent d’expérience utilisateur cette semaine, grâce aux divers calendriers de l’avent qui ont fait leur apparition depuis la semaine dernière, de quoi lire au chaud !

Les tutoriels de la semaine

#Making of

Making of: typespiration.com , du design à la création des Custom Post types dans WordPress, le making of du site typesinsration.com

#Input

Créer un système de masquage/démasquage d’un champ mot de passe , tout est dans le titre, un excellent article qui va améliorer l’expérience utilisateur de vos formulaire

Des ressources utiles

#Bootstrap

The Big Badass List of Twitter Bootstrap Resources une liste de ressources Bootstrap qui pourrait vous servir
#Mobile

6 free mobile device emulators for testing your site iPhone, BlackBerry ou iPad, des solutions pour tester son site mobile sans avoir à acheter les appareils

#Android

Androidviews.net  une galerie avec des custom view pour Android, et le code qui va avec

#Retina pixel ratio

Cross Browser Retina/High Resolution Media Queries une notation plus simple et allégée pour pour cibler les appareils retina en CSS

#E-mailing

Responsive Email Templates des templates d’e-mail responsive pour débuter un projet

#Formulaire HTML5

The Current State of HTML5 Forms un tableau détaillé du support des éléments de formulaire HTML5

#JavaScript

Dot-js.com  rassemble des tutoriels et autres plugins JavaScripts

Les outils  et plugins pour vous faciliter la vie

#WordPress

Inpixelitrust Responsive blank theme, un thème pour lancer un projet WordPress un peu d’auto-promotion, tout est dans le titre, un thème HTML5 responsive pour lancer un projet WordPress sans se casser la tête à nettoyer Twenty-ten.

#Photoshop script

Rounded Rectangle Radius Resizer un petit script pour créer des coins arrondis via une boite de dialogue, au pixel près.

#jQuery

Jquerypaypalbuyitnow  un plugin jQuery pour créer un bouton paypal pour votre site web

Als, un plugin jQuery pour créer un scroll horizontal dans une liste (qui du coup ressemble fortement à un slider)

Les articles à lire

#UX

Lose That Credit Card Field il est possible de reconnaitre à partir du numéro de carte de crédit le type de carte, c’est donc un champ que l’on n’aurait en théorie pas besoin de faire remplir à l’utilisateur.

“Designing for mobile devices is like living life looking through a toilet roll tube.”, la comparaison est osée, mais l’article est génial qui parle d’aller à l’essentiel dans le design mobile et d’expérience utilisateur

The Advantages of Table Views Over Left Nav Flyouts l’avantage des “tables views”  avec des listes natives iOS sur le menu déroulant avec la petite icône de burger, un point de vu qui se défend.

#RWD

Responsive Web Design: Clever Tips and Techniques les slides de la conférence de Vitaly Friedman sur le responsive webdesign

#Mobile

Mobile: Don’t Break the Web 56 pleins de conseils pour créer des sites optimisés mobiles qui fonctionnent

#Accessibility

Colour Accessibility un excellent article sur les différents types de handicape visuel liés à la perception des couleurs et sur comment améliorer les sites web pour permettre une meilleurs compréhension, indépendamment des couleurs.

Les démos sympas et impressionnantes

Un jeu d’échecs en 3D , la démo wow de la semaine :)