Des pixels et du code #51
Beaucoup d’outils et de ressources à partager cette semaine : icônes, moteur de recherche pour trouver l’inspiration, librairies JavaScript et jQuery pour vous faire gagner du temps et outils CSS, outil pour tester si votre site est responsive, que vous soyez designer, graphiste ou développeurs vous devrez y trouver votre bonheur. Dans les articles à lire vous trouverez quelques articles de fond sur l’expérience utilisateur de la pagination, le bouton « back » des mobiles, la typographie etc,.
Les tutoriels de la semaine
#CSS
More CSS Secrets Another 10 things you may not know about CSS après la conférence de 2011, Lea Verrou est de retour pour plus de secrets en CSS
Des ressources utiles
#Productions
estcequonmetenprodaujourdhui.info tout est dans le titre :)
#CSS
Front-End-CSS frameworks, une collection de frameworks CSS pour débuter un projet
#Inspiration
niice.co un moteur de recherche qui permet de faire une recherche sur Dribbble et Behance)
#Stylish User style
User styles des styles à utiliser avec stylish pour simplifier certains gros sites web et mettre l’accent sur le contenu
#Icône
genericons.com une font-icon avec des symboles optimisés pour les besoins d’un blog, super idée.
Les outils et plugins pour vous faciliter la vie
#Javascript
jspedia.org un site qui rassemble différentes librairies et plugins Javascript
howler.js une librarie légère en JavaScript pour manipuler l’audio en HTML5 (bouton pause, start, et sprites audio)
#jQuery plugin
usehook.com un petit plugin jQuery pour implémenter une fonctionnalité de “pull to refresh” comme sur Twitter
Toolbar un plugin jQuery pour créer des barres d’outils contextuelles sous forme de tooltips en cliquant sur un bouton
#RWD
ami.responsivedesign.is un petit service en ligne pour tester si un site est responsive ou non, qui propose une preview dans différents appareils.
#CSS
cssmatic.com 4 outils CSS en un seul endroit : générateur de gradient, border-radius, de “bruit” en texture et de box-shadow
#Gestes
High quality Hand Gesture Multi-Touch des images de gestes mobile (pinch, zoom, etc.) avec de “vraies” mains pour présenter une maquette
Les articles à lire
#UX
Avoid the Pains of Pagination des conseils pour une navigation et pagination utilisables facilement par les visiteurs de votre site web
#Mobile
Solving The Back Button le bouton “back” en haut à gauche des téléphones est difficilement accessible, cet article présente des méthodes alternatives de retour en arrière
#Typographie
50 Shades Of Bad Typography; 50 exemples de mauvaise pratique en typographie et comment les améliorer
#Webdesign
How to Use Centered Alignments: Tips and Examples quelques conseils et bons exemples pour utiliser un alignement de type “center” sur un site web et que celà reste lisible et cohérent
#Humeur
You’re Good. Get Better, parce que si vous ne croyez pas en vous en tant que designer, personne ne le fera. Vos clients ont besoin de vous et vous êtes responsables des créations que vous donnez au monde. Un article à lire et à mettre entre les mains de tous les designers.
Inspiration
#Redesign
Las-vegas-2013 le redesign du site de la conférence tout en applats de couleurs et hexagones, plutot réussi à mon sens même si je me perd un peu dans les blocs
#Branding
50 Inspirational Branding & Identity Design Projects, pas moins de 50 projets d’identité graphique très impressionnants si vous êtes en manque d’inspiration. Je suis fan de la queue du chat de Glasswear qui fait parti de la présentation du branding
Les démos sympas et impressionnantes
#CSS
Csscreatures un petit site où il suffit de twitter pour créer sa petite créature en CSS, très fun
Et pour finir le site “wtf” de la semaine everyfuckingwebsite.com qui caricature le schémas classique du site web tel qu’on le connait aujourd’hui . Et en bonus parce que c’est vendredi je vous proposé également un petit générateur d’excuses pour vos clients ? Bonne lecture
