Pas de Star Wars cette semaine ! Je crois qu’on a déjà tout dit 🙂
Au menu, du Blending, du JavaScript de l’inspiration et un outil pratique.
Le « Blending mode » en CSS
Commençons cette semaine au poil par un article très intéressant sur le « blending » en CSS. Cet article met en avant un côté théorique et de la pratique. Le « blending » c’est quoi ? c’est le principe d’associer des calques de plusieurs manières. Ce visuel va vous expliquer ça de manière bien plus concrète et vous pouvez voir ici la démo interactive.
Pour le lire : http://webdesign.tutsplus.com/tutorials/blending-modes-in-css-color-theory-and-practical-application–cms-25201
Et la démo interactive est visible sur Codepen : http://codepen.io/tutsplus/live/wMvoyj
Un concept de menu sous forme de cartes
C’est un concept particulièrement bien réalisé et particulièrement adapté au mobile. Il laisse tout de suite entrevoir les différentes pages disponibles.
Visible ici : https://dribbble.com/shots/2389505-Cards-Menu-Concept
Taucharts : une librairie JavaScript pour réaliser des graphiques
C’est une bibliothèque très complète destinée à pouvoir créer des graphiques en tous genres. Que ce soit des barres, des lignes, des points, des courbes. Il semble être très précis et le site dispose d’une démo avec laquelle on peut jouer.
Retrouver la bibliothèque et sa documentation ici : http://taucharts.com
Des toggle switch accessibles tout en CSS
Vous trouverez sur cette page des toggle switchs réalisés à partir de radiobutton ou checkbox et ce uniquement en CSS, le tout étant accessible. En plus de cela, très faciles à mettre en place.
Ils sont disponibles en version simple, Bootstrap ou encore Foundation et plusieurs thèmes sont à votre disposition.
Télécharger les ici : https://ghinda.net/css-toggle-switch/index.html
ou ici sur leur GitHub : https://github.com/ghinda/css-toggle-switch
Choisir le bon curseur avec CSS Cursor
Il s’agit là d’une application web utile qui va vous aider à choisir le bon curseur de souris en fonction de son contexte.
A ranger avec vos outils web : http://css-cursor.techstream.org/
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.