Illustration de la semaine au poil #5

Une semaine au poil – #5

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.

Concept de menu sous forme de cartes

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.

Exemple de graphique Taucharts 1

Exemple de graphique Taucharts 2

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.

Toggle switch en css

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.

CSS Cursor

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.

Laisser un commentaire :

Votre adresse email ne sera pas publiée.