Des pixels et du code #27
Une petite semaine avec beaucoup de liens orientés code : CSS, CSS3 et responsive webdesign, du retina display, et quelques articles sur le débat de la semaine, le skeuomorphisme
Les tutoriels de la semaine
#CSS
CSS target for off screen designs, ou comment re-créer l’interface de l’envoie de sms iOS en CSS uniquement en utilisant :target
#SVG
Utiliser un logo cliquable SVG sur un site avec fallback, mon article sur Noupe avec 6 techniques pour utiliser une image SVG en logo avec différents fallbacks
Des ressources utiles
#Icon
Inventicons, 200 icones gratuites pour vos projets
#RWD
Best of:Responsive jQuery Image Slider Plugins, une liste très complète de sliders responsive pour les thèmes WordPress
This-is-responsive, un site qui célèbre le responsive et propose des patternes et des ressources utiles
#jQuery
A guide to the basics of jQuery
#iOS
White-iphone-5 un PSD à télécharger du design du nouvel iPhone 5
Les outils et plugins pour vous faciliter la vie
#JavaScript
BigScreen une librairie JavaScript pour utiliser facilement l’API fullscreen
Les articles à lire
#Case Study
A collection of design case studies Sacha Greif a rassemblé une belle liste d’étude de cas de design sur son blog, et comme vous le savez déjà surement si vous me suivez un peu, j’aime beaucoup ce genre d’articles qui permet de découvrir l’envers du décors.
#Retina
Designing for Retina Display une explication imagée de ce qu’affiche un écran retina en terme de pixels, et comment utiliser des media queries et du JS pour afficher des images retina
#Skeuomorphism
What Skeuomorphism Is (And Isn’t) une petite mise au point de Sacha Greif sur ce qu’edt réellement le skeuomorphisme, sujet qui semble faire débat en ce moment notamment pour les applications iOS
It’s not about HTML5 or skeuomorphism, it’s about usability voilà qui résumé assez bien le fond de ma pensée, skeuomorphism ou pas, HTML5 ou pas, l’essentiel c’est garantir la meilleur expérience utilisateur dans les meilleurs conditions possibles
#CSS
Native css variables bientôt des variables en CSS natif: principe et utilisation