Tutorial

Elément SVG interactif et directive Angularjs

29 Mar , 2015  

Dans l’article suivant, nous allons voir comment créer une directive injectant un élément SVG,et gérer une interaction simple. En effet c’est sur cette base, relativement simple, que j’ai crée par exemple ce groupe de cartes interactives des résultats de élections départementales en France en 2015 : voir ici .

Plusieurs personnes m’ont questionné sur ces directives injectant des éléments SVG et la gestion de l’interaction j’ai donc décidé de partager ici un petit exemple contenant le principe de base que j’ai utilisé. More…

- -

Game Dev Phaser

Créer un jeu avec Phaser – partie 1

12 Mar , 2015  

Pour découvrir Phaser nous allons coder un petit jeu de plateforme simple, mais qui nous permettra d’explorer les fonctionnalités de bases de ce framework.

Dans un premier temps, nous allons poser l’architecture de notre projet. Pour comprendre cette architecture nous allons d’abords voir la notion de State, ou état, de Phaser. More…

Tips & tricks

CSS3 – Centrer un contenu grâce la propriété transform

12 Mar , 2015  

Centrer verticalement et horizontalement un contenu dans une div (ou tout autre bloc), de manière responsive, est devenue une opération très simple, en css pur, grâce à la fonction translate de la propriété CSS3 transform . More…

- -

Game Dev Phaser

Introduction à Phaser

11 Mar , 2015  

logo de Phaser

Depuis la ‘mort’ de Flash les frameworks pour le développement de jeux en HTML5 ont fleuris sur le net. Difficile parfois de faire le tri, mais certains se sont clairement sortis du lot,  Phaser est l’un d’eux.
More…

Divers HTML5

My Publications

11 Mar , 2015  

coverHTML5Solutions
HTML5 Solutions – Edited by Apress

HTML5 brings the biggest changes that HTML has seen in years. Web designers and developers now have a whole host of new techniques up their sleeves, from displaying video and audio natively in HTML, to creating realtime graphics directly on a web page without the need for a plugin. But all of these new technologies bring more tags to learn and more avenues for things to go wrong. HTML5 Solutions provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.

Buy on Amazon

 

CSS3 Solutions – Edited by Apress

CSS3 contains a broad set of new additions and changes to the core CSS language across a range of modules, which means lots of new things to learn, and lots of new things that can go wrong. This book provides solutions to all of the most common CSS3 problems.

Buy on Amazon