Quelques librairies javascript sympas

Candlestick

http://www.tackacoder.fr/candlestick/

Ce plugin permet d’avoir un interupteur mais avec trois positions : on / off / undefined.

Cela pourrait être utilisé pour aeSecure pour l’option 7.2 WWW – Non www p.ex. et donc, en position undefined, reviendrait à ne rien faire.

image

Cleave.js

https://github.com/nosir/cleave.js

Permet de forcer l’introduction depuis des <input>en javascript. Il est possible de définir un grand nombre d’options comme un préfixe, des groupes de caractères, une répétition de groupe, ...

Clipboard.js

https://clipboardjs.com/

Permet de copier un contenu dans le presse-papier. Il n’est pas nécessaire d’avoir un fichier .swf (Flash)

DataTables

Voir cette note.

Plugin qui permet, facilement, d’avoir des tables html dynamiques avec, p.ex., juste du json comme input.

L’API permet de faire des recherches, de proposer une navigation, d’avoir des listes de sélections, de faire de l’édition (cool), ...

Favico.js

https://github.com/ejci/fa ico.js

Make use of your favicon with badges, images or videos http://lab.ejci.net/favico.js/

image

Flexdatalist

https://github.com/sergiodlopes/jquery-flexdatalist

Affiche une liste déroulante facilitant l’auto-complétion. Il est possible de choisir un ou plusieurs termes dans la liste ainsi que d’en ajouter d’autres, durant l’exécution du formulaire.

GMaps

https://github.com/hpneo/gmaps

Affichage de carte GoogleMaps

image

Headroom.js

http://wicky.nillia.ms/headroom.js/

Permet de définir un bandeau supérieur qui disparaît lorsqu’on scrolle vers le bas et qui réapparait ensuite en remontant.

Highlight.js

https://github.com/isagalaev/highlight.js

Scanne le rendu html d’une page et met en forme (coloration syntaxique) ce qui se trouve dans les tags <pre><code>.

Attention : Se sendre sur https://highlightjs.org/download/, sélectionner les langages qui devraient être supportés puis télécharger le fichier (bouton download)

image

jquery.highlight.js

http://bartaz.github.io/sandbox.js/jquery.highlight.html

Permet de surligner (fond jaune p.ex. (c’est une classe CSS)) un terme dans la page HTML; en javascript.

jsTree

https://github.com/vakata/jstree

Gère un affichage Treeview en javascript. L’alimentation peut se faire en <ul><li> ou via du code json.

html2canvas

https://github.com/niklasvh/html2canvas

Converti un élément du DOM (une div p.ex.) en une image

Parsedown

https://github.com/erusev/parsedown

Convert a .md content into HTML

Remark

https://github.com/gnab/remark

Avec un template (fourni), permet de convertir une page html qui contient du markdown en une présentation type slideshow. Vraiment très simple.

Reveal.js

https://github.com/hakimel/reveal.js

The HTML Presentation Framework http://lab.hakim.se/reveal-js/

image

Slidebars

https://www.adchsm.com/slidebars/

Slidebars is a jQuery framework for creating app-style off-canvas menus and sidebars.

Sweetalert

https://limonte.github.io/sweetalert2/

Il y a Noty dans la même veine mais ici l’idée est d’être plus visuel : les alertes occupent davantage de place à l’écran et disposent d’animation.

TimeSheets

https://sbstjn.com/timesheet.js/

Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky #JavaScript. Style them with CSS and have mobile fun as well …

image

Twem❤ji

https://github.com/twitter/twemoji

Remplace le unicode comme p.ex. par une image. L’image doit être stockée sur le serveur web ou être utilisée depuis un CDN