Des pixels et du code #30
Les tutoriels de la semaine
Encore une semaine de liens très chargée, qui va beaucoup plaire aux amoureux des icônes et des belles polices dessinées à la main et aux curieux du CSS et de l’expérience utilisateur. En bonus, un petit outil pour tester vos sites sur Firefox OS, et toujours des plugins JS et jQuery pour vous faciliter la vie
#CSS
Under construction man in pure CSS, pas vraiment un tutoriel, plus une démo, mais ils vous suffit de regarder le code, voilà une “icône” du web, le petit “under construction” gif animé réalisé en pur CSS
#CSS3
Css3-stitch-effect un effet “cousu” en CSS3, simple, mais efficace
Des ressources utiles
Twitrcovers.com un site avec des cover twitter, au cas où vous n’auriez pas d’idée
#Flexbox
Flexbox un outil pour créer facilement des colonnes avec CSS flexbox
#Javascript
Humane-js un système de notifications en JavaScript simple et non intrusif
#iPhone
Iphonefivewallpapers des fonds d’écran pour iPhone5, si vous manquez d’inspiration profitez-en
#Typographie
Handdrawnfont.com une collection de très jolies polices dans un style “dessiné à la main”.
Les outils et plugins pour vous faciliter la vie
#Couleurs
Hslpicker.com un petit outil pour avoir des couleurs en HSL, RGB et Hexa
#framework CSS
Kubeframework encore un nouveau framework CSS, responsive
#Video
Flowplayer.org , un player de videos très minimaliste, léger et propre qui lit les formats HTML5
#Firefox OS
R2d2b2g: an experimental prototype Firefox OS test environment un plugin Firefox pour tester son site sur une émulation de Firefox OS. Pas très stable sous Windows, mais prometteur.
#Accessibilité
PseudoIconTest une page pour tester les font-icon avec différentes techniques pour les lecteurs d’écran
#CSS
Specificity.keegan.st un outil en ligne pour calculer le “poid” des sélecteurs et savoir lequel sera appliqué, de manière visuelle
Les articles à lire
#Icone
Wecrafted , le processus créatif derrière des icônes d’interface, une lecture très sympa.
#UX
L’expérience utilisateur d’un grille pain, encore un bel exemple d’expérience utilisateur au quotidien avec un objet pas si bien pensé que ça au final, le grille pain
#UI #Inspiration
Inspiring UI Wireframe Sketches vous savez que j’adore les jolis wireframes, en voilà une collection sympa :)
#Illustration #Inspiration
Thebeastisback.com les illustrations de Christopher Lee (non pas Sarouman)
#Webdesign
Stop Pagination Now un excellent article sur un phénomène qui m’énerve également : la pagination sur les sites web, ou le morcellement des articles en différentes pages (pour afficher plus de pubs par exemple)
Et pour finir, l’inspiration de la semaine, un tumblr avec des gifs qui s’animent au survol de la souris gifctrl.com et le bonux responsive de la semaine qui vous fera sourire.
