Illustration de la semaine au poil #42

Une semaine au poil – #42

Au programme de cette nouvelle semaine : une bibliothèque pour faciliter le scroll d’un site one page, des loaders au format texte, de l’inspiration, de quoi créer des dégradés en CSS3 et pour les vrais geeks, un outil transformer de l’ASCII directement en SVG.

viewScroller.js : faciliter le scroll d’un site en one page

viewScroller est une bibliothèque JavaScript très légère (environ 15 ko une fois minifiée) qui vous permet d’obtenir un scroll fluide aussi bien avec la souris qu’avec le clavier. Le scroll est utilisable à la vertical et à l’horizontal.

ViewScroller.js : faciliter le scrolling

A tester et télécharger ici : viewdesic.com/viewscroller/

text-spinners : des loaders réalisés en texte

Je partage souvent des bibliothèques avec des loaders très actuels, mais ceux là sont assez particuliers. Ce sont des loaders tirés du terminal ou d’autres outils qui utilisent les lignes de commande et sont donc créés à partir de caractères disponibles sur vos claviers.
L’avantage c’est que l’on peut facilement changer leur style en choisissant la police.
Facile à mettre en place et on peut les rendre accessibles.

Text-Spinner

A télécharger ici : tawian.io/text-spinners

Inspiration : un système de notation basé sur des smileys

J’ai trouvé l’idée de ce système de notation très bonne et particulièrement ludique.

Inspiration pour un slider

En savoir plus sur son auteur : dribbble.com/shots/2982880-Smiley-rating-slider-concept

Blend : créer des dégradés en CSS3 simplement

Cet outil en ligne permet de créer des dégradés à partir de deux couleurs et ensuite de récupérer le code CSS3. Très facile d’utilisation et très pratique, il permet de créer son dégradé en quelques secondes.

Blend : créer des dégradés en CSS3

C’est par ici : colinkeany.com/blend/

Passer de l’ASCII au SVG

Il est clair que ce n’est pas un outil qui sert tous les jours, néanmoins il faut dire que c’est vraiment une performance. Si vous êtes curieux, vous pouvez étudier le code sur son GitHub.

Ascii to SVG

La démo : ivanceras.github.io/svgbob/build/

 

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.