Présentation de la librairie Highcharts

highcharts-logo

Durant de nombreuses années, sur les projets PHP, la seule possibilité de tracer des graphiques de types courbe ou histogramme passait par l'utilisation de la librairie JpGraph écrite en PHP et basée elle même sur la librairie GD.
Cette dernière, bien qu'exécutant à ravir son job, avait les inconvénients d'une syntaxe lourde et la génération de graphiques sous forme d'images statiques.

Depuis, de l'eau a coulé sous les ponts et on a vu l'émergence de solutions basées sur le langage Javascript. De ces librairies JS, je retiendrai deux noms : AMCharts et HighCharts. C'est de cette dernière dont je vais maintenant vous parler.

Automatisez vos tâches avec Gulp

gulp-logo

Pendant la phase de développement d'un projet, il est parfois nécessaire d'utiliser des petites librairies  d' outils qui permettent d'optimiser / alléger / accélérer sa réalisation. Ce sont des petites tâches qu'on exécute de temps en temps ou plusieurs fois  durant cette phase, et à la longue, cela devient de plus en plus lassant.

Je vais vous présenter dans cet article Gulp , qui est un outil développé à partir de la plateforme Node JS. Le principe est de regrouper ces petites tâches afin de les automatiser. Un autre outil fonctionnant de la même manière est Grunt. Pour voir les différences, merci de lire l'article "Gulp remplacera-t-il Grunt ?" de Nicolas Froidure.

Vorlon.js simplifie le debug web à distance

logo vorlon js

Vorlon.js est un outil permettant le debug web à distance et multiplateforme. L'idée de ses créateurs (quelques évangélistes Microsoft) est de pallier les problématiques du debug de site web sur mobile. Il faut en effet utiliser des outils propriétaires pour chaque plateforme, que ce soit sur Chrome pour Android, Safari pour iOS, et IE pour Windows Mobile. Il existe pourtant bien un outil qui s'appelle Weinre, mais son interface n'est pas la plus agréable et il ne fonctionne que sous Chrome.

Dans cet article je vais donc vous présenter Vorlon.js dont l'objectif est de se rapprocher au maximum des outils de debug tels qu'on les connait dans les navigateurs avec F12, le tout à distance.

Le javascript en multithread? Oui, avec les Web Workers!

 

web_workers3

Historiquement, le javascript est un langage s'exécutant dans un environnement mono-thread (c'est-à-dire que tous les événements s'effectuent les uns après les autres). Lorsque une fonction longue était réalisée, l'interface graphique ne répondait plus, tout était figé. Cela est particulièrement gênant dans le cas où des animations ont lieu, ou si une vidéo est en cours de lecture.

Je vais vous présenter dans ce billet la solution qui a été trouvée pour répondre à ce problème : l'introduction des normes HTML5 et plus particulièrement les "Web Workers".

Mise en place de Angular Google Maps

angularjs_logo

Dans cet article, je vous démontrerai que l'intégration d'une Google Maps dans votre site web peut être facilitée grâce à l'utilisation d'AngularJS. En effet, intégrer une carte dans un site web peut avoir plusieurs intérêts : retracer un parcours, afficher les points de vente d'une enseigne... Cela implique donc que cette fonctionnalité est de plus en plus demandée, alors autant utiliser une méthode simple et efficace.