Actualités de la semaine
Apple annonce la sortie de iOS 8 et promet une large compatibilité avec les nouvelles fonctionnalité HTML5 . On notera en plus une belle amélioration de performance dans la plupart des domaines.
Le protocole SPDY, autrement dit la future implémentation de HTTP (HTTP/2 est basé sur SPDY) sera bientôt activé par défaut sur Firefox.
Stackoverflow permet désormais l’integration de snippets javascript, css et html, exécutables .
Github s’integre à Gmail et propose dans le sujet des notifications des liens directs vers les issues et PR.
Pour les Reactien(ne)s, la version 0.11.2 de React est sortie et ajoute deux nouveaux éléments dialog et picture
A lire
HTML/CSS
Apprendre à utiliser le champ de date en HTML5 ( peu supporté nativement cependant )
Les slides de la conférence de Addy Osmani lors du CSSConf sur la performance CSS et l’outillage qu’on peut mettre en place.
Connaissez vous l’API Page Visibility ? Ce sont des propriétés du DOM qui permettent de savoir si la page est visible ou pas ( onglet masqué par exemple) . Voici un petit tuto pour comprendre comment l’utiliser .
Une liste de ressources sur le SVG
Javascript
Utiliser React avec Browserify et Gulp
Se servir de String.replace en js
Une introduction aux outils de build Grunt et Gulp et leurs différences
Historique sur de la gestion des événements .
Des bonnes pratiques sur NodeJS
De Backbone à React, retour d’expérience d’une adoption et si vous êtes convaincu, voici un tutoriel d’approche du framework .
Quelques astuces sales Javascript
Un tour d’horizon complet sur les WebWorkers
Une courte vidéo qui montre comment utiliser les propriétés raccourcies ( object literal property value shorthand ), une option de sucre syntaxique apportée par ES6
AngularJs
Améliorer l’expérience utilisateur avec 3 directives simples : des images gravatar, une meilleure gestion du focus et un élément en content-editable.
Un point sur l’avenir d’angularJS et les évolutions de la version 2
Maitriser et retarder le cycle $digest
Comprendre la différence entre $scope et Controller as et pourquoi cette syntaxe peut aider à mieux gérer l’héritage de scope
Construire une authentification basée sur les cookies et éviter la faille CSRF
Changer de titre de page dynamiquement avec ui-router
Ux/Ui
Une collection de Design Pattern d’interface sur CodePen
Making of de l’application Mobile de partage de photos et vidéos Tiiny
Le Gestaltisme ou psychologie de la forme est une théorie que l’on peut appliquer à de nombreux cas et qui part du principe que la perception qu’on a de quelque chose ( une scène , un lieu, un moment ) est un tout plutôt que la somme de ses différentes parties. C’est évidemment un principe que l’on peut appliquer au design comme expliqué et très bien illustré dans cet article.
Exploration de trois patterns d’interface un peu démodés et comment les améliorer
Divers
Des options de git méconnues à garder sous le coude
Librairies
Path.js apporte différents niveaux d’abstraction pour travailler avec du SVG
Melchior.js est un chargeur de modules pour navigateur qui permet le chainage
Deux frameworks css minimalistes min et picnicss et surtout très légers ( moins d’1ko pour le premier)
KaTeX pour écrire et afficher des équations mathématiques dans le navigateur
Une collection d’emoticones open source pour un même rendu sur tous les supports et OS
Pour transformer des données, Transducers.js propose une solution élégante, sorte de map reduce de haut niveau.
Intern : une plateforme de test complète qui semble assez prometteuse
Outils
SVGCircus Un atelier de création de spinner SVG
A voir
Jouer avec des particules en WebGL