20thingsilearned.com, Google, Chrome, HTML5 – Une expérience remarquable en HTML5, à découvrir

Copyright©www.20thingsilearned.com

Le nombre de projets HTML5 significatifs et disponibles sur le web s’accroit à un rythme soutenu qu’il devient difficile d’en sélectionner, tous ces projets étant de bonne tenue. Il faut pourtant faire un choix, on en a donc sélectionné deux qui nous semble intéressant à plus d’un titre.

1. 20 Things I Learned About Browsers and the Web
   Le premier, remarquable, qui simule le principe du livre que l’on feuillette, imitant et améliorant même le comportement du fameux “flipbook” de flash tout en HTML5.
2. Cycleblob, un projet moins spectaculaire mais qui explore le domaine du jeu et les capacités du HTML5 à concevoir un gamedesign.

20 Things I Learned About Browsers and the Web

C’est le projet à voir…. en HTML5, absolument remarquable dans sa réalisation et sa conception. On retrouve derrière les principaux prescripteurs de l’HTML5 à commencer par la “Google Chrome Team”. Tout est extrêmement soigné de la conception du code à la réalisation, ne passant par la qualité éditoriale du projet. Chapeau bas donc…

Il y aussi derrière l’un des développeurs en HTML5 les plus audacieux du moment, Hakim El Hattab (@hakimel)

<!-- 
		  20 Things I Learned About Browsers and the Web
		  Built by Fi (www.f-i.com) for the Google Chrome Team.
 
		  @author Hakim El Hattab
		  @author Erik Kallevig
		  -->

Une des conclusions de ce “petit livre bleu”
Ces quelques phrases sont à répéter comme des mantras pour toute personne qui souhaite se lancer dans le développement en HTML5 en particulier et le développement en général. On y retrouve les principales conclusions prônées par Google auxquelles on ne peut qu’adhérer :

1. Utilisez un navigateur moderne
2. Le web ne cesse d’évoluer et un nouvelle avenir s’ouvre pour les webapplications notamment en HTML5.
3. Il faut toujours essayer de nouvelles choses.

Le texte orignal de la conclusion

Use a modern browser, first and foremost. Or try a new one and see if it brings you happier browsing that’s better suited to your needs.

The web will keep evolving — dramatically! Support cutting-edge web technologies like HTML5, CSS3 and WebGL, because they’ll help the web community imagine and create a future of great, innovative web apps.

Lastly, try new things. The web is a new and exciting place every day, so try tasks that you didn’t think could be done online — such as researching your ancestry back ten generations, or viewing a real-time webcam image from a climbing basecamp in the Himalayas. You might be surprised by what you find!

Source : http://www.20thingsilearned.com/conclusion/2

Cycleblob

Outre que le gamedesign soit inspiré par le film TRON, qui est sans doute le film culte pour de nombreux développeurs, l’ensemble du gamedesign est tout entier contenu dans la balise <canvas>...</canvas>.
Cette balise permet de nombreuses manipulations. Chez 3WDOC, nous avons même réaliser des essais d’une carte isométrique sur laquelle se déplace un personnage, ce sera aussi en ligne prochainement.

Cycleblob – a 3D lightcycle game based on a concept from the 1982 movie “TRON”. Cycleblob uses WebGL and JavaScript
to bring 3D content to the web browser

Pour aller plus loin

• Le projet du moment à voir…. en HTML5
  http://www.20thingsilearned.com/
• Hakim El Hattab de Stockholm, Sweden! Un artiste et une référence en matière d’HTML5 qui a travaillé sur 20thingsilearned.com
  http://hakim.se/experiments
• Erik Kallevig (@ekallevig), l’autre développeur web du projet 20thingsilearned.com
  http://ekallevig.com/
• Fi (Fantasy Interactive) – The Award Winning Global Digital Agency
  http://www.f-i.com/
• Cycleblob, A WebGL lightcycle game based on the concept of the movie TRON. written by Shy Shalom
  http://cycleblob.com/