Des pixels et du code #27

Ce contenu a été rédigé il y a 12 ans. Il se peut qu'il ne soit plus à jour.

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