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.
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.
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.
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.
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.
La démo : ivanceras.github.io/svgbob/build/
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.