CSS

Archi & techno

Les transitions D3.js m’ont tuer (mon CPU)! Une comparaison entre d3.js & pixi.js

D3.js est certainement la libraire JavaScript  de visualisation la plus complète du moment: les possibilités pour transformer vos données en data viz époustouflantes ne sont en fait que limitées par votre imagination. Et une des clés du succès de D3 réside dans la facilité avec laquelle on peut animer des graphiques grâce aux puissantes selection transitions. Hélas!  Ces animations se payent comptant et mettent rapidement votre processeur à genou. D'où cet article. Si le problème était tapis dans les méandres de plusieurs projets, il est apparu au grand…

Lire la suite
Archi & Techno

D3.js transitions killed my CPU! A d3.js & pixi.js comparison

D3.js certainly is the most versatile JavaScript data rendering library available: turning data into mind blowing visualizations is only limited by your imagination. A key component to turn static pages into animated ones are the powerful selection transitions. However, too many simultaneous transitions on a web page will soon bring you CPU on its knees. Hence this blog post. We faced this problem when displaying swiss transport real time data on a map, within an SVG layout: rendering was lagging, event sourced data were not…

Lire la suite
Archi & techno

dotCSS 2014

Vendredi après-midi avait lieu la première conférence dotCSS. Comme d'habitude pour les dot conferences, le lieu était magique. Cette fois-ci, au théatre des variétés, sur les grands boulevards. La demi-journée a été riche en informations autour de CSS, depuis sa création, jusque son futur, les choses bizarres qu'on peut faire avec, les outils qui tournent autour et son intégration au sein d'une équipe aux compétences diverses.

Lire la suite
Data

Microsoft Techdays 2013

Nous avons participé à différentes conférences aux Techdays 2013 de Microsoft. Voici ce que nous avons retenu : développer pour tous les navigateurs. La conférence était très ludique et pertinente, basée sur un retour d'expérience de plusieurs années.

Lire la suite
Archi & techno

Performance côté client avec Rails & Heroku

À ChooseYourBoss on développe une appli web tout ce qu’il y a de plus classique : HTML5, JS, CSS3 + quelques API (Linkedn, Viadeo, Google Maps, Google Analytics, etc). Côté serveur on est en Rails sur Heroku. Bref, rien d'exceptionnel quoi. Puis un jour, on a jeté un œil sur le graphe de temps de chargement de notre appli - merci Google Analytics. Et là le drame : une moyenne de plus de 5 secondes pour la page d'accueil, et je ne vous parle pas sur mobile. On se dépêche alors…

Lire la suite
Archi & techno

Tous les navigateurs acceptent HTML5 et CSS3

Tous les navigateurs acceptent HTML5 et CSS3 mais tous ne comprennent pas leurs nouvelles fonctionnalités. L'usage de nouveaux attributs HTML5 ou de nouvelles propriétés CSS3 ne bloquera pas votre navigateur, ce dernier les ignora tout simplement. Un avantage indéniable qui nous permet d'utiliser dès aujourd'hui HTML5 et CSS3 même si certains de nos utilisateurs ne disposent pas encore de navigateurs les supportant. Comme je le précisais dans l'article Osez renoncer aux vieux navigateurs, il ne faut pas avoir peur d'utiliser des fonctionnalités HTML5 et CSS3…

Lire la suite