:::: MENU ::::

Un brin de veille #9

A noter dans l’actualité de la semaine passée la sortie dans le canal stable de Chrome 38. Cette version intègre , en plus d’un nombre important de correctifs, des fonctionnalités d ‘ES6 comme Map, des nouvelles fonctions mathématiques et les iterators. Au passage elle fournit le support de la balise <picture> (celle pour faire des images responsives )

A lire

Javascript

Quelques explications autours de nouvelles fonctionnalités introduites par ES6 à mettre en complément de la présentation de Jack Franklin sur ES6 ainsi que les ressources associées.

Koa est un framework web créé par les concepteurs de Express. La grande différence est qu’il n’utilise pas les callback pour gérer le flux mais se base plutôt sur une nouveauté introduite par ES6 à savoir les générateurs. Voici un tuto pour débuter avec Koa.

Un guide complet si vous souhaitez creuser sur les générateurs

Il y a quelques jours , Addy Osmani sortait un bookmarklet pour colorer et débugger les blocks d’une page. Voici une interessante explication de ce qu’on peut en apprendre

Quelques rappels sur l’objet Math

Construire une application web avec nodejs en partant de la base

La doc de npm flambant neuve

Principes de bases des tests unitaires ( et excuses associées )

Codez votre héro et participez à une grande bataille en javascript

AngularJs

L’annonce est faite, vous pouvez désormais profiter d’angular avec npm 

Le top 10 des erreurs faites sous angularjs

HTML/CSS

Créer une boite de dialogue native avec HTML5

Remplacer et créer des bulles d’aides HTML5 sur les formulaires

Une question existentielle mais qui mérite d’être posée : Pourquoi viewport est il définit dans les metatag ? Au passage l’article explique comment le navigateur insert le header même sans déclaration.

Des astuces sur Bootstrap et une grosse liste de ressources

Comprendre les priorités de sélection des éléments css

Pourquoi vous devriez apprendre WebGL

UX/UI

Créer vos interfaces comme si elles étaient destinées à votre mère

Nommer vos couleurs

Inspirations pour des tooltips détonants

Libs / outils

6to5 : un compilateur ES6 vers ES5

Nightmare est un wrapper pour PhantomJs qui vous permettra d’automatiser des taches plus facilement

Une collection de filtres pour angularJs

Pigshell se veut être un terminal unix dans le navigateur, apportant la même philosophie mais pour du contenue web. L’exemple montre comment piper une partie du contenu d’une page pour en faire une carte dynamique avec d3.

Perfmap permet de colorer les différentes parties du DOM en fonction de leur temps de chargement. Ne fonctionne qu’avec le support de l’API Resource Timing et peut se placer en bookmarklet.

A voir

Elle code un jeu en live devant une audience et sans librairies

Visualisation des trajets d’un taxi new-yorkais à l’aide le Leaflet et D3 . Le making of 


So, what do you think ?