Des pixels et du code #29

Une nouvelle semaine de liens orientés outils CSS, CSS3 filter, mais aussi mobilité et UX avec le design du nouvel OS Firefox. Enjoy

Les tutoriels de la semaine

#CSS

CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS une petite technique CSS pour créer un bloc avec du contenu caché et des pointillés à la fin pour indiquer sa continuité, bref un overflow:ellipsis

#Mobile
Best practices for mobile e-commerce , une liste de conseils pour optimiser le design de son site e-commerce et assurer un affichage logique et efficace sur mobile et tablettes

#Illustration

From Sketch to Vector Illustration, un tutoriel qui passe en revue les différentes étapes de la création d’illustration.

Des ressources utiles

#iPhone

iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more, tout ce qu’il faut savoir pour optimiser son site pour le dernier iPhone sous iOS6, viewport, APIs, etc.

#CSS

Texturepacker un petit outil pour créer plus facilement des sprites pour vos CSS mais aussi pour les applications natives

Redpik un marque page qui permet de rafraichir automatiquement certaines feuilles de style sur une page
#Accessibilité

Dyslexicfonts une police d’écriture gratuite pour aider les gens atteints de dyslexie
#Icones

Modernuiicons un pack d’icones, avec un pedobear dedans !

Les outils  et plugins pour vous faciliter la vie

#Mobile

Mobifyjs une librairie pour gérer des sites mobiles

#CSS filter

Cssfilterlab un petit outil par Adobe pour jouer avec les filtres CSS
#jQuery #sticky

Hcsticky jquery floating sticky plugin un plugin pour créer des éléments fixes sur une page web : header, footer, aside, choississez !

Les articles à lire

#User Experience

Why the fold is a myth pourquoi le  “fold” (cette ligne invisible à 600/700px du haut du navigateur) est un mythe, et pourquoi certains boutons placés “sous le fold” ont un meilleur taux de conversion. Tout est dans la motivation de l’utilisateur !

MozCamp Warsaw: Design Principles Behind Firefox OS UX un retour d’expérience sur l’UX de l’OS Firefox, impressionnant et très instructif

#HTML5

7 HTML5 features that you may not know about,  hidden= »hidden » ou encore l’élement output, 7 fonctionnalités HTML5 dont vous ignoriez peut-être l’existence jusque là et qui peuvent devenir très utiles

#Performance

CSs3-vs-jquery-animations un test pour savoir de l’animation CSS3 ou jQuery laquelle est meilleur en terme de performances (and the winner is CSS3 !)