:::: MENU ::::

Un brin de veille #68

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 

Une introduction à Typescript

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


So, what do you think ?