Encore un article sur ES6. Le nombre de changements est quand même assez affolant, ça risque de prendre du temps avant que tout le monde utilise ces nouveautés.
Une librairie qui facilite le WebGL.
Un plugin jQuery pour inclure un masque dans un champ texte.
Un petit snippet Javascript tout à fait intéressant pour copier du contenu dans le presse-papier de l'utilisateur.
Je me le copie ici :
$.fn.extend({
copy : function (text) {
return $(this).click(function () {
var container = $('<span style="position:absolute;top:-1000px;">' + text + '</span>');
$('body').append(container);
var range = document.createRange();
var selection = window.getSelection();
selection.removeAllRanges();
range.selectNodeContents(container.get(0));
selection.addRange(range);
document.execCommand('copy');
selection.removeAllRanges();
container.remove();
});
}
});
// Ensuite, ça s'utilise avec :
$('#monBouton').copy("IdleBlog is op!!");De l'OCR en Javascript !
Un nouveau gestionnaire de dépendances Javascript développé par Facebook. Il se substitue à NPM dont il corrige pas mal de points problématiques pour les projets de grande ampleur.
A tester. Le repo Github est ici : https://github.com/yarnpkg/yarn
Une autre lib JS pour gérer les animations CSS en JS.
Un plugin JS pour faire des tooltips.
Une alternative tout à fait crédible à Google Maps pour l'intégration de cartes dynamiques dans vos pages web. Qui plus est, ça utilise les cartes OpenStreetMaps.
Je n'ai pas testé mais la librairie dit intégrer tout ce dont on peut avoir besoin.
Rendre responsive les vidéos et autres iframes.
Une lib Javascript pour animer les gradients CSS.
Des conventions de développement pour Javascript. Beaucoup de bon-sens mais c'est toujours de la saine lecture, surtout si vous débutez.
Une librairie Javascript pour faire des animations au scroll.
Comme dit dans la source, attention à ne pas en abuser, et surtout attention à mettre un timer suffisamment court. Il n'y a rien de plus chiant que les sites sur lesquels il faut attendre 2 secondes à chaque scroll pour que le contenu apparaisse.
Via https://blog.stephaniewalter.fr/semaine-pixels-19-aout-2016/
Une librairie qui permet de construire des animations CSS purement en JS. C'est assez intéressant dans le sens où ça combine la flexibilité des animations jQuery de la vieille époque avec l'optimisation et la rapidité des animations CSS modernes.
Et comme la fonction attend un objet Javascript, c'est assez facile de définir quelques animations et de les réutiliser.
Le repo Github est ici : https://github.com/juliangarnier/anime
Une sorte de lightbox par effet de zoom que j'aime assez. L'animation aide à comprendre ce qui se passe et ne casse pas la dynamique de lecture, à mon sens.
Il me semble que c'est l'effet qui est utilisé sur Medium.
Une galerie Javascript très jolie et visiblement très light. Elle fonctionne également très bien sur mobile.
Une lib Javascript qui permet d'effectuer des transitions entre les différentes pages de votre site.
Par contre attention, pour fonctionner, la lib charge le contenu de la page à afficher via AJAX dans un élement caché du DOM puis lance la transition lorsque le chargement est terminé et supprime le contenu de la page d'origine une fois la transition terminée.
Du coup ça peut foutre le boxon si vous utilisez des id (qui ne seront plus nécessairement unique sur la page, le temps de la transition) ou si vous chargez des ressources différentes selon la page (je pense que seul le
J'ai déjà utilisé jQuery Mobile qui fonctionne de manière un peu similaire et ça peut vite devenir prise de tête.
Une lib Javascript qui permet d'effectuer des validations de valeurs. La particularité c'est qu'elle n'interfère pas avec le DOM, c'est à vous de gérer l'interfaçage. Mais du coup vous êtes libres de faire ça à votre sauce.
Le project Github est ici : https://github.com/CharlGottschalk/approvejs
Un lecteur vidéo pour Angular.