Aujourd'hui, le BlogDuwebdesign vous propose de découvrir 5 ressources Javascript originales pour vos prochains sites. Du background full-vidéo au moteur de transition de pages en passant par un interpréteur de langage humain, il y en a pour tous les gouts !

Barba

Barba est une ressource vous permettant d'insérer des transitions vraiment intéressantes en quelques minutes à peine et sans avoir à changer la moindre chose coté serveur. 

La documentation est bien faite, la ressource suffisamment légère (12 ko) pour ne pas impacter vos visiteurs mobiles, et surtout les transitions ne sont pas limitées à de "simples" transitions, et permettent vraiment de composer ses pages de manière originale. Je vous laisse aller jeter un oeil aux différents exemples pour vous en rendre compte !

Microlight

Microlight est un code highlighter que je trouve vraiment très intéressant dans son approche minimaliste. 

Ici, pas de gros package à ajouter pour chaque language que nous voulons supporter, pas de longue personnalisation CSS pour avoir un jeu de couleurs cohérentes avec notre design. La ressource se contente de détecter un certain nombre de mots-clés et structures que nous retrouvons dans la plupart des langages, et de changer de manière subtile l'affichage de leur police. 

Le résultat est un code étonnamment lisible malgré le manque de couleur (j'ai fait des tests avec du Javascript, du PHP et du Ruby. Pour les langages plus exotiques comme le Brainfuck, je ne promets pas la lisibilité !)

Bideo.js

Mettre une vidéo (HTML5 ou Youtube) en arrière-plan d'un site peut sembler quelque chose de trivial, mais pour avoir dû le faire il y a peu de temps, la tache se retrouve vite plus complexe que prévu.

J'ai trouvé Bideo quelques jours à peine après avoir dû le faire a la main (je me suis aidé de ce pen : https://codepen.io/ccrch/pen/GgPLVW). Je ne sais donc pas ce que vaut cette ressource, mais elle pourra très probablement vous faire gagner beaucoup de temps si vous avez ce genre de problématique à résoudre.

Nlp-compromise

Nlp compromise est une ressource originale permettant de manipuler l'anglais de manière naturelle. Passer une phrase au passé, changer le sujet de la phrase tout en gardant des accords corrects, ou détecter et renvoyer le verbe de la phrase, en extraire le temps et le sujet sont le genre d'opérations que peut faire Nlp-compromise ! 

Le seul reproche que je peux lui faire est qu'il n'est disponible que pour l'anglais.

Golden Layout

Golden Layout est un "moteur de dashboard" qui donnera à vos graphs un look d'application native. Jetez-y un oeil, l'exemple est bien plus parlant que tous mes discours.

Notez cet article