D3 en version 4, des astuces sympa à utiliser avec Electron et des particules en WebGL
News
D3 , la célèbre librairie « dataviz » pour rendre visuelle de la donnée sous toutes les formes possibles sort dans une nouvelle version majeure 4.0. Le principal changement est le fait qu’elle ne soit plus monolitique. Chaque fonctionnalité est disponible sous forme d’un module . Un avantage majeur pour optimiser le poids de son application/page. Ce découpage facilite aussi la maintenance du projet car chaque module possède désormais son propre cycle de vie. Retrouvez ici la changelog complète
Angular 2 propose une quatrième RC qui corrige un grand nombre de bug et apporte de nouvelles fonctionnalités. Il y a encore quelques breaking changes à prévoir alors attention si vous pensez l’utiliser en prod, la stabilité n’est pas encore parfaitement présente, néanmoins le cycle de release régulier permet d’espérer une version finale prochainement.
Mozilla travail depuis quelques temps déjà sur un nouveau moteur de rendu web appelé servo. Il est désormais disponible pour le test sous forme de nighly builds ( mac et linux pour le moment )
A Lire
(no) Back
Explication du concept de serverless
Javascript
Tour d’horizon et historique des gestionnaires de modules pour javascript
Des exemples sur le traitement de données avec une approche fonctionnelle
Quelques astuces pour améliorer le rendu natif de votre application Electron
UX / UI
Des techniques pour valider des formulaires de manière ergonomique
A Voir
D’impressionnantes démo en WebGL à base de particules
Les différents éléments d’une typographie expliqués et présentés d’une belle façon sous forme d’animation
Single Div Prject est un exemple de ce qu’on peut réaliser avec seulement une div. Amis du CSS
Outils / Libs
embed.js : pour insérer toutes sortes d’éléments ( tweets, cartes google maps, markdown, soundcloud … ) simplement
ContentTools : un éditeur de contenu inline efficace
Trialjs : une petite librairie qui prédit la future position de la souris en analysant le déplacement
react-input-enhancements : une collection de 5 éléments pour améliorer un input