Des pixels et du code #26
Pas moins de trois packs d’icônes, des ressources Android, des articles sur la mobilité et un retour d’expérience sur du responsive webdesign sur un site live dans les liens de cette semaine
Les tutoriels de la semaine
#Mobilité
Developing Responsive Designs With Opera Mobile Emulator, un tutoriel pour utiliser l’outil d’Opera “Opera Mobile Emulator” pour tester ses sites responsive
#CSS
Css-shaky-animation : une démo d’animation “shaky” comme dans les cartoons en CSS. Sympa, mais à utiliser avec parcimonie !
Des ressources utiles
#Android
Android GUI Stencils, Kits and Templates, une collection de ressources, de kits d’UI et de wireframe pour créer des applications Android
#Icons
Loops with PSD un set d’icones toutes rondes
Typicons une font d’icones gratuite à utiliser pour vos projets
Sosa une autre font avec des icones gratuite
Les outils et plugins pour vous faciliter la vie
#jQuery RWD
Freetile un plugin jQuery pour ré-organiser les blocs de contenu de manière dynamique au redimensionnement du navigateur
#Modale jQuery
Jquery.avgrund une modal qui passe le site en arrière plan avec un léger effet de dézoom, le concept est interessant
#QA
L’extension Opquast Desktop (plugin Firefox) pour tester différents aspect de votre site web : images, balises alt, SEO, accessibilité et d’autres aspects
#Responsive Webdesign
Galleria.io une gallerie d’images responsive en JavaScript avec des miniatures d’images, un full screen et d’autres fonctionnalités
Les articles à lire
#CSS3
Stick your landings! position: sticky lands in WebKit , une introduction à la proposition de propriété CSS “position:sticky”
#Optimisation
15 things you can (and should) do to make your site faster for mobile users réduire les requêtes, utiliser le cache du navigateurs, et d’autres conseils pour optimiser le temps de chargement d’un site mobile
#Responsive Webdesign
Responsive Design case study , le retour d’expérience d’une projet entière de site responsive, de la maquette à l’intégration dans WordPress
#Mobile
Common mistakes when designing for mobile manque de padding, boutons trop petits pour un doigts, etc., les erreurs en mobilité à connaitre pour ne pas les faire.
#Media queries
Enquire.js – Media Query Callbacks in JavaScript, un article qui présente la librairie Enquire.js pour créer des callbacks en JavaScripts pour les média queries, avec des exemples et des cas concrets d’utilisation.
