Des pixels et du code #15
Une sesssion courte de liens pour cause de 36h de design intensif à l’Apps Foundry Contest en début de semaine (article à venir).
Les tutoriels de la semaine
# CSS3
A Look Into: CSS3 Negation (:NOT) Selector , un tutoriel sur l’utilisation de la pseudo classe :not en CSS3 qui permet de créer des selections “négatives”
#Responsive image
Responsive Images With WordPress’ Featured Images des images responsives très facilement dans WordPress grâce au plugin proposé dans ce tutoriel
#Illustrator
Advanced Illustrator Tutorials – My Favorites une collection de tutoriels Illustrator
Les outils et plugins pour vous faciliter la vie
#jQuery
fc.tape une petite API pour créer des objets qui tournent sur eux même, comme au cinema !
#Mobile #Template
Une template PSD d’iphone 4S en blanc, toujours utile.
#Responsive
selectnav.js convertis la navigation d’un site en une liste déroulante pour les écrans plus petits
#Responsive image
Jquerypicture, un plugin jQuery pour utiliser des images responsives avec la syntaxe proposée <picture>
#iOs
iosjs.com, un script pour améliorer le comportement des sites et webapps sous iOs
Les articles à lire
#Android
Coding WordPress With Android, un article qui rassemble toute une liste d’applications pour créer et coder votre site WordPress depuis Android, dont quelques applications d’édition de code qui m’ont l’air fort sympathiques
#RWD
Responsive images: what’s the problem, and how do we fix it? un retour d’expérience sur la difficulté de mettre en place des images responsive, quelques techniques proposées avec leurs avantages et leurs inconvénients
#Accessibility
HTML5 Accessibility Chops: When to use an ARIA role qu’est ce que l’Aria et quand et comment utiliser l’attribut “role”, cet article répond à cette question.
#Mobilité
Mobile Considerations in User Experience Design: “Web or Native?” , extrait du Smashing Book #3 qui revient sur les concepts d’application native, web (et hybride) et dans quel cas utiliser chacune d’entre elles.
#UX
10 expert tips for great user interface (UI) design connaitre le contexte, résoudre les problèmes, et 8 autres conseils pour créer des interfaces ergonomiques
Et pour finir un petit aperçu de l’application créé pour le concours Apps Foundry Contest sur dribbble et sur scoutzie