:::: MENU ::::

Un brin de veille #25

Le récent fork de node.js, io.js a mis un coup de boost à Joyent qui sort enfin la version 0.12 de node ( dont io.js se base ) et dans la foulée forme une fondation Node.js . Au passage io.js est (déjà) en version 1.2 .

6to5 le transpileur ES6 et JSX vers ES5 devient Babel et passe en version 3.6.x (puis 4.0 suite au changement de nom) ce qui lui apporte un gain de performance non négligeable

BrowserSync est un outil de développement qui permet de réactualiser et de synchroniser un/des navigateurs ce qui est idéal pour le cross-device. Avec la version 2.0 sortie la semaine dernière, il se dote d’une interface graphique et d’une possibilité de debuggage à distance.

Si vous ne connaissez pas cet outil, allez y jeter un œil, il y a de fortes chances que vous l’intégriez dans votre workflow.

A lire

Un très bon document sur le futur protocole HTTP2

Javascript

Décodage complet de la complexité des versions et des nommages dans l’univers du javascript

Une collection de livres gratuitJesss sur javascript . Vous pouvez aussi y contribuer .

Détecter les problèmes en javascript avec ESLint

Quelques astuces et benchmarks autour des performances

Qu’est ce qui change avec ES6 d’un point de vue sécurité informatique

Le concept de la programmation fonctionnelle et son application en javascript

Introduction à JSPM , le nouveau gestionnaire de paquets pour vos modules ES6

HTML / CSS

Créer des textures avec les masques CSS

Des stratégies pour garder au plus bas la spécificité de vos sélecteurs

UI /UX

Une collection d’exemples de ce qu’il est possible de faire avec un input  de type range

Des effets de retour animés sur un click en CSS

Tout sur les boutons « call to action » 

Animer les éléments d’une liste en CSS

Une belle liste d’exemples de pages 404

A Voir

La répartition des projets par langages sur Github

Outils / Libs

nw-ninja propose un kit tout prêt basé sur node-webkit-builder pour démarrer un projet avec node-webkit

Une définition de syntaxe ES6 et JSX pour Sublime text par 6to5 et un thème optimisé pour l’occasion

Parser et formater des dates avec fecha pour moins de 1kb

Créer des dégradés avec Shade

Baobab est une librairie qui permet de gérer des données complexes. Elle s’intègre tout à fait avec React à travers des mixins

Vous trouvez le DOM encore trop lent même avec React ? Voici une implémentation des composants React dans le canvas

React-shadow permet d’importer du CSS dans vos composants à travers le Shadow DOM

Des icones animées avec Transformicons


2 Comments

So, what do you think ?