Un article assez complet sur Vuelidate.
Une petite lib Javascript pour permettre à l'utilisateur de zoomer sur les images de votre site de manière assez naturelle. Ça se rapproche un peu de l'effet utilisé sur Medium.
De l'utilisation de reduce()
en Javascript. Très pratique pour garder un code concis.
Quelques bonnes pratiques si vous débutez en Javascript.
Attention à ce piège Javascript avec les dates.
new Date('2018-01-01')
// <- Sun Dec 31 2017 18:00:00 GMT-0600 (Central Standard Time)
new Date('2018/01/01')
// <- Mon Jan 01 2018 00:00:00 GMT-0600 (Central Standard Time)
Les dates ça reste l'un des trucs les plus chiants à gérer dans le développement.
Matomo (anciennement Piwik) propose à présent une alternative open-source à Google Tag Manager (GTM).
Pour ceux qui ne connaissent pas, ça permet de centraliser la gestion de tous les scripts externes. Vous ajoutez un unique script à la page - celui du tag manager - et c'est lui qui se chargera d'ajouter les autres scripts en fonction des règles que vous aurez configuré.
Une petite librairie Javascript + CSS pour afficher une barre de chargement tout en haut de la page un peu à la manière de ce que font Github ou Youtube.
Un carrousel Javascript ES6 sans dépendance, léger et et blindé d'options.
L'effet parallaxe en 6 lignes de JS avec des variables CSS.
Des effets hover très stylés grâce aux variables CSS et un peu de Javascript (pour récupérer la position de la souris).
Quelques outils:
Une librairie Javascript qui suggère la bonne orthographe d'une adresse email lorsqu'elle détecte une erreur potentielle.
Jelly with HTML/JS/CSS.
Très impressionnant !
Des librairies Javascript pour effectuer un zoom sur une image.
Une toute petite librairie Javascript (1ko) pour détecter si un élément est présent à l'écran ou non. Très pratique pour faire des animations au scroll.
Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-36
Un moteur de templating Javascript tout bête qui fonctionne un peu comme celui d'underscore. En gros il exécute le code Javascript déclaré dans le template et génère le résultat en fonction des variables passées en paramètre.
Installation :
$ npm install ejs
Utilisation :
<script src="ejs.js"></script>
<script>
var people = ['geddy', 'neil', 'alex'],
html = ejs.render('<%= people.join(", "); %>', {people: people});
</script>
Le Github est là : https://github.com/mde/ejs