Optimizing the repaints : "60fps scrolling using pointer-events: none"

"open source advanced javascript annimation library"

Ajout de contenu dynamique en JS, sans gêner l'accessibilité.

"JS Manners is a tool to score scripts that 3rd parties (people or companies outside your dev team) provide for you to put on your page."

Les données viennent de l'ancien tableur créé par Eric Daspet qui est depuis tombé en désuétude.

"Get your Frontend JavaScript Code Covered"

"Some JavaScript engines, such as V8 (Chrome) do not optimize functions that make use of a try/catch block as the optimizing compiler will skip it when encountered. No matter what context you use a try/catch block in, there will always be an inherent performance hit, quite possibly a substantial one."

Si vous avez développé avec Symfony 2, vous avez sûrement apprécié la barre d'information de debug proposée par défaut. Le même type de service est offert par Glimpse pour ASP.NET. Un Must-Have qui réduit drastiquement le nombre de recompilations !

Outil de visualisation d'expressions régulières. Pratique pour savoir à quoi correspond : [a-z0-9!#$%&'+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'+/=?^_`{|}~-]+)@(?:[a-z0-9](https://bookmarks.boris.schapira.dev/?:[a-z0-9-][a-z0-9])?.)+a-z0-9?

Un plugin JavaScript pour faire du 360° autour d'un objet. Je pressens une adoption massive par les plateformes e-commerce !

Une page pour trouver les Key Code JS en un clin d'oeil :)

Le monde de la Web Performance est peuplé de mythes, surtout lorsqu'il est question de la performance d'exécution du code JavaScript. Certains peuvent être démontrés (comme l'utilisation d'index plutôt que de clés lors de l'utilisation du Local Storage), d'autres contredits (non, il n'est pas obligatoire de se passer d'expressions régulières)...

Plateforme permettant de comparer l’exécution de plusieurs portions de code javascript (au sein d'un environnement HTML commun), pour savoir laquelle est la plus performante suivant les navigateurs.

Le chargement asynchrone des scripts tiers est certes en pas en direction de la performance Web, mais la plupart du temps il n'est pas suffisant. En effet, l'utilisation des méthodes d'écriture de DOM asynchrones que sont le document.write d'un script, l'insertBefore ou l'appendChild retarde window.onload. Et si le script charge un autre script, ce délai est prolongé (8 fichiers pour le bouton Like Facebook, 6 pour Twitter...).

Présentation sur l'accélération du chargement des JS en utilisant les attributs ASYNC, DEFER, ou des composants externes comme LabJS. Le slide 46, notamment, résume bien le contenu de la présentation et est suivi de quelques portions de code réutilisable concernant les Third Parties sociaux (Twitter, Facebook, Google Plus...).

Etude de cas Mappy pour la Web Perf.

Un point très détaillé sur l'implémentation des Closures en JS et la façon dont il est possible de les utiliser pour construire des éléments aux propriétés bien particulières.

L'opérateur typeof de Javascript est méconnu et même s'il fait bien son boulot, il a tendance à renvoyer des résultats innatendus ou imprécis. Ainsi, "typeof NaN" est un nombre, "typeof null" est un objet, "typeof [1, 2, 3]" est un objet...
Une autre solution est de passer non pas par le type, mais par la classe via Object.prototype.toString afin de créer une méthode utilitaire efficace.

Slider Javascript à la sémantique simple basé sur jQuery