Billets avec l'étiquette ‘HTML5’

Présentation sur les Web Components

02-07-2013 par Horacio Gonzalez
Post from Google+

Aujourd’hui j’ai fait une présentation BreizhBeans sur les Web Components, le standard en cours d’élaboration dans le W3C pour des composants web.

Voici donc les slides de ma présentation :

Firefox 4.0 bêta 1

08-07-2010 par Horacio Gonzalez

Ca y est, la première beta de Firefox 4 est officiellement sortie avant-hier. Je l’ai installé hier sur mon Ubuntu, et il faut dire que ça tourne vraiment bien. Je l’ai testé avec mon pattern de navigation habituel (quelques 80 onglets…) et c’est rapide, très stable et plus légère que Firefox 3.

Pour les nouveautés de cette version, tout colle avec l’information qui avait été communiqué en mai dernier :

LiB et Firefox

Pour l’utilisateur final, les principales différences seront donc une meilleur performance, une navigation plus rapide, une interface simplifié (certains disent “à la Chrome”) et un gestionnaire d’identités pour faciliter l’accès aux sites et réseaux sociaux desquels il en est membre, tout en gardant le contrôle sur les données transmis à ces sites.

Pour le développeur web les améliorations sont multiples : support de HTML5, CSS3 et websockets, multimédia natif (<video>, <audio>, <canvas>…) et des outils pour aide au développeur (web console, web inspector, nouveau profile manager, diagnostique de mémoire…)

Si on ajoute à cela des améliorations sur le moteur (interpréteur JS plus rapide, meilleure réponse de interface, gestion de l’arbre DOM améliorée), un modèle de privilèges revu pour donner plus de stabilité et de l’accélération graphique, on devrait avoir un navigateur vraiment hors série.

Du côté du support des derniers technologies web, chez Mozilla ils ont préparé une liste plutôt exhaustive des de l’état de ce Firefox 4.0 bêta 1 par rapport aux précédentes versions de Firefox, avec des catégories allant du HTML 5 aux outils de développement, en passant par l’API pour les fichiers, la gestion des plugins ou le JavaScript.

Firefox 4.0 bêta 1 - Feedback Button

Sur la bêta en elle même, une des nouveautés les plus sympathiques est l’ajout d’un bouton Feedback pour faire des retours de votre expérience avec Firefox 4.0b1 aux développeurs de chez Mozilla.

Firefox 4.0 bêta 1 - Feedback Button

Malheureusement, une des nouveautés que j’avais le plus envie de voir, la nouvelle interface, n’est pas disponible sur Linux dans cette première bêta, il faudra attendre la deuxième dans quelques semaines.

Firefox 4.0 bêta 1 - Feedback Button

Vous pouvez donc trouver Firefox 4.0 bêta 1 sur le site de Mozilla, en plus de soixante langages et pour Linux, Windows et Mac.

Comme d’habitude, je ne manquerai pas de vous raconter mes impressions après l’avoir utilisé de façon un peu intensive les prochains jours. Et oui, je crois que, encore une fois, c’est parti pour une série de billets sur Firefox

Je peux entendre déjà le soupir et le “et ça recommence” au fond… Et oui, je suis un fanboy de Firefox, je peux pas m’empêcher… mais j’assume :wink_ee:

Aves Engine, un autre moteur de jeux en HTML5/JavaScript

15-06-2010 par Horacio Gonzalez
Ravageurs de productivité

Il y a une quinzaine de jours, je vous parlais de Akihabara, un ensemble de bibliothèques facilitant la création de jeux en HTML5/JavaScript. Aujourd’hui je reviens sur le sujet pour vous parler d’Aves Engine, un autre moteur de jeux vidéo en HTML5/JavaScript.

Sauf que les deux moteurs ne semblent pas jouer dans la même ligue. Là où Akihabara est un petit projet open source codé par une seule personne et avec des aspirations bien modestes, Aves Engine est orienté vers un usage professionnel. D’ailleurs, sur leur site web ils affichent clairement leur objectif, le marché du développement de jeux pour des plateformes mobiles (Android, iPhone, iPad…), permettant de placer ses jeux sur toutes les plateformes sans devoir faire des développements spécifiques.

La bêta publique d’Aves Engine est prévue pour début 2011, et franchement j’ai hâte de voir ce que ce projet peut donner…

Akihabara, une borne d’arcade en HTML5/JavaScript

01-06-2010 par Horacio Gonzalez
Ravageurs de productivité

Akihabara est un quartier de Tokio célèbre par ses magasins d’électronique, un peu comme une rue Mongallet à l’énième puissance. Mais Akihabara est aussi le nom d’un ensemble de bibliothèques facilitant la création de jeux retro (avec un look et un style de jeu de l’époque des 8/16 bits) en JavaScript.

Francesco, l’auteur de ces bibliothèques, nous fournit aussi cinq implémentations d’exemple reprenant 5 jeux iconiques : Leave me alone (un jeu de plate-formes), Solitude (un shoot them up), The Legend of Sadness (un jeu d’aventure/RPG qui ne peut que nous rappeler le grand The Legend of Zelda), T-Spinq (un clone du Tetris) et Capman (un clone de Pac-man).

Leave me alone, jeu de plate-formes sur Akihabara

Leave me alone, jeu de plate-formes sur Akihabara

Une des grandes avantages des jeux faits sur Akihabara par rapport à Flash, c’est qu’ils marchent aussi bien sur un navigateur d’ordinateur que sur un terminal mobile (Android, iPhone/iPad). J’ai testé les jeux d’exemple sur un Motorola Milestone avec Android 2.1 et ils tournent à merveille.

The Legend of Sadness, un jeu d'aventure/RPG sur Akihabara

The Legend of Sadness, un jeu d’aventure/RPG sur Akihabara

Si vous voulez vous mettre au développement de jeux sur Akihabara, je vous conseille de jeter un œil aux tutoriaux sur le site de DINO Jams. Au moment où j’écris ces lignes on a déjà le chapitre 1 et le chapitre 2, et même si cela ne va pas encore trop loin, ils aident à démarrer.

Capman, implémentation d'un classique avec Akihabara

Capman, implémentation d’un classique avec Akihabara

En fait, si vous avez déjà fait de la programmation de jeux dans l’époque héroïque des jeux de 8 bits, vous connaissez déjà la plupart des concepts (sprites, collisions, double buffering…). Il n’y a pas beaucoup de documentation dans le code, mais entre les tutoriaux et le code des jeux d’exemple, on a assez pour se lancer.

Si seulement le jour avait 36 heures…

Comme souvent, c’est Microsiervos qui m’a mis sur la piste d’Akihabara

Ravageurs de productivité : Asteroids en HTML5/CSS/JS

01-05-2010 par Horacio Gonzalez
Ravageurs de productivité

La semaine dernière je vous parlais d’Asteroids, le mythique jeu d’Atari.

Aujourd’hui je reviens sur le sujet pour vous parler d’un autre clone du Asteroids original, Asteroids – HTML 5 Canvas and JavaScript demo. Cette version d’Asteroids n’a rien de remarquable du point de vue strictement ludique, c’est un clone du jeu original avec des graphiques plus ou moins sympathiques.

Cependant, ce qui rend cet Asteroids spécial est le fait qu’il n’est pas fait en Flash, mais en HTML5/CSS/JS. Du point de vue du jouer, ça ne change rien, du point de vue du développeur web, la différence est énorme, surtout dans cette époque où le débat pour/contre Flash fait rage.

Et cela devient de plus en plus important du fait que les smartphones comprennent HTML5/CSS/JS mais pas Flash, que les terminaux mobiles Apple font du même, que même Microsoft a dit aujourd’hui qu’ils comptent supporter HTML 5 dans IE 9.

L’un des principaux argument pro-Flash est celui de qu’il n’y a pas d’alternative pour faire sur un navigateur ce qu’on fait avec Flash sans utiliser Flash. Et des exemple comme ce Asteroids en HTML5/CSS/JS commencent à montrer que cette alternative existe, même si aujourd’hui elle n’est pas encore assez mure sur certains aspects.

Dans les jours qui viennent je vais vus présenter d’autres jeux faits avec HTML5/CSS/JS, pour essayer de vous montrer comment les choses avancent aussi de ce côté.

Ravageurs de productivité : Asteroids en HTML5/CSS/JS

Bien entendu, Asteroids – HTML 5 Canvas and JavaScript demo marche sur tous les navigateurs modernes : Firefox, Chrome, Safari, les navigateurs Android et iPhone…

Malheureusement, si vous êtes encore sur Internet Explorer, même sur le dernier IE8 dont on voit même la pub à la télé, ça ne marchera pas pour vous. Microsoft is different, I guess…