c2i.fr - Html5

Création d'une application Metro de A à Z en une semaine par David Catuhe : J+4

Wed, 23 May 2012 05:54:32 GMT

Pour mémoire : David Catuhe a commencé l'écriture d'une série d'article montrant comment créer une application WinRT en Html5/Css3/Javascript de A à Z en moins d'une semaine.

J+0 : Après la mise en place du projet,
J+1 : comment gérer les paramètres de l'application et le mode déconnecté,
J+2 : la gestion des vues, l'internationalisation, la gestion des résolutions,
J+3 : Les contrats et les vignettes,

Cette fois, pour son dernier jour (oui, ils travaillent que 5 jours/semaine chez Microsoft), il aborde la sauvegarde de ses images sur Skydrive.

Création d'une application Metro de A à Z en une semaine par David Catuhe : J+3

Wed, 23 May 2012 05:53:07 GMT

Pour mémoire : David Catuhe a commencé l'écriture d'une série d'article montrant comment créer une application WinRT en Html5/Css3/Javascript de A à Z en moins d'une semaine.

David aborde les sujets suivants en J+3 :

Contrat de recherche
Contrat de partage
Contrat d’ouverture de fichier
Vignette interactive
Vignettes secondaires

Toujours ne Html5/javascript, cette série devient véritablement un must read ;-)

Création d'une application Metro de A à Z en une semaine par David Catuhe : J+2

Mon, 16 Apr 2012 14:23:23 GMT

Pour mémoire : David Catuhe a commencé l'écriture d'une série d'article montrant comment créer une application WinRT en Html5/Css3/Javascript de A à Z en moins d'une semaine.

Après la mise en place du projet, et comment gérer les paramètres de l'application et le mode déconnecté, David aborde les sujets suivants :

Internationalisation
Gestion de l’activation du mode offline
Intégration d’une flipView pour la page des cartes
Gestion des vues “snapped”
Adaptation aux différentes résolutions
Gestion des éléments de tailles différentes

Même si c'est en Html5/Javascript, c'est vraiment une série d'articles à suivre pour la mise en place de tous vos projets WinRT.

Comment créer un site web Html5 style Metro par Julien Dollon

Thu, 12 Apr 2012 16:49:34 GMT

Notre ami Julien dollon, grand découvreur d'Html5 devant l'éternel, s'est attelé depuis quelques jours à la refonte complète de son site "à la mode METRO".

Il nous fait profiter de son expérience en détail et nous livre les astuces et secrets qu'il a pu découvrir tout au long de sa découverte : instructif.

Vous verrez quels sont les composants et outils qu'il a utilisé :

Crunch,
Adobe Edge,
Node.js et son debogueur,
un service REST,
Knockout.js,
modernizr,
et j'en passe.

Bref, un article très intéressant à lire et surtout, vous pouvez voir son résultat : http://home.dollon.net/

NB: j'adore la conclusion ;-)

HTML5 : OUI!

Avant 2013 ? Non !

Création d'une application Metro de A à Z en une semaine par David Catuhe : J+1

Tue, 10 Apr 2012 17:39:38 GMT

Pour mémoire : David Catuhe a commencé l'écriture d'une série d'article montrant comment créer une application WinRT en Html5/Css3/Javascript de A à Z en moins d'une semaine.

Après la mise en place du projet, David nous propose maintenant de finaliser l'ensemble des vues de l'application.

Il nous explique également comment gérer les paramètres de l'application (à la mode Win8 bien entendu) et de gérer le mode déconnecté.

A noter que le code source de l'application est téléchargeable et que dans le prochain numéro, il nous montrera comment gérer la localisation les vues "snapped", etc.

Bref, un article à lire (in french, youpi ;-))).

Création d'une application Metro de A à Z en une semaine par David Catuhe

Sat, 07 Apr 2012 14:06:53 GMT

David Catuhe, évangéliste Microsoft France bien connu, vient de commencer une série d'article expliquant comment créer à partir de 0 une application Metro en Html5/css3.

Cette application permet de gérer ses cartes Magic The Gathering (je lui laisse l'entière responsabilité du choix ;-))), adaptation d'une application existante en WPF sur Codeplex.

Ce premier article explique la mise en place du projet, comment le créer, l'organiser, avec l'utilisation du fameux contrôle SemanticZoom.

On attend la suite avec impatience ...

Buildnewgames, un nouveau site consacré au développement de jeux en Html5

Fri, 06 Apr 2012 05:58:41 GMT

Microsoft continue à supporter à fond Html5/css3 puisqu'ils se sont associés avec une société de consulting/formation spécialisée à cette technologie pour lancer un site sur la création de jeux : http://buildnewgames.com/

Bon, pour l'instant c'est un peu Waterloo, Waterloo morne plaine puisqu'il n'y a que 5 articles mais on peut en espérer un peu plus dans l'avenir. Ces derniers sont catégorisés ainsi :

Animation
Compositing
Graphics
Mobile
SVG
Sprites
Tools
Websockets

D'accord, y'a plus de catégories que d'articles ;-)))

NB : je pensais qu'un rss devait être light pour être téléchargé rapidement mais là, c'est le pompom : leur rss (http://buildnewgames.com/atom.xml) est plus lourd que leur page d'accueil !

ChronoZoom beta v2: demo Html5 ?

Mon, 02 Apr 2012 06:40:32 GMT

En partenariat avec l'université de Moscou et de Berkeley, Microsoft Research vient de publier une nouvelle version de ChronoZoom : http://www.chronozoomproject.org

Outre la démo technique, ce qu'il y a intéressant à voir, c'est que le site fonctionne parfaitement sous Internet Explorer 9 et Firefox 8, mais pas très bien sous Chrome 17. Je ne dis pas que c'est bien ou pas bien, je dis juste qu'avec Html5 qui est encore à l'état de draft, on a le droit à des interprétations diverses selon les navigateurs (autre exemple le site de Hunger Games). Il faut bien se souvenir de cela quand on décide de se lancer en Html5/javascript/css3.

Article de l'université de Berkeley

Comment se mettre a l’HTML5 quand on est un dev .NET?

Mon, 26 Mar 2012 07:11:49 GMT

Julien Dollon (notre exilé à San Francisco), nous liste une collection de liens bien utiles pour bien débuter à Html5/javascript.

Je n'ai pas compté mais il y a une bonne quantité de liens catégorisés :

Html5
Css3
Javascript
Knockout : une bonne aprem de test
Node.js : 1 heure de vidéo et un livre
Windows 8
Azure et AWS: Quelques vidéos, rien de bien méchant, tester de déployer node.js sur Azure
ASP.NET MVC4: Indispensable à maitriser coter serveur, 4h de vidéos
.NET: Au minimum pour se tenir « a jour », 6h de vidéos
Framework a connaitre

D'ailleurs en parlant de Node.js, Laurent Kempé commence la découverte de cette techno (article en anglais :P).

NB : Julien toujours aussi prolixite, a publié également 2 autres billets ce week-end :

Optimisation de son code Html5/javascript pour faire des jeux 3D

Fri, 23 Mar 2012 16:03:24 GMT

Notre ami David Catuhe vient de publier un article (en anglais, grrrr....) expliquant comment optimiser son code javascript pour l'éxécution d'une petite application 3D (c'est cette dernière, si je ne m'abuse, qui avait été présentée lors des derniers Techdays 2012 à la session Coding For Fun).

Outre qu'il soit intéressant de voir le code (c'est du pure Html5/javascript) qui fonctionne aussi bien sous Internet Explorer 9 que Chrome 17, David vous donne quelques astuces. Par exemple, évitez d'accéder au DOM à tout bout de champs, évitez le parseINt, Math.round, etc.

Bref, tout plein d'astuce qui permettent, sur la machine de David, de passer de 5 images par secondes à 60.

J'ajoute quelques petites remarques :

1/ Sur ma machine (Intel Core7 + carte graphique avec un indice de performance de 7.6), je n'arrive qu'à 15 images par seconde sous Internet Explorer 9 (et 25 fps sous Chrome 17, soit dit en passant...)

2/ Sans vouloir te vexer David, c'est juste un tunnel ;-)

Il n'y a pas de multiples objets 3D à afficher, d'interaction utilisateur, de calcul d'IA pour les ennemis qui se cachent au fin fond de la jungle derrière des palmiers 3D se reflètant dans l'eau limpide des caraibes (tiens ?! un crabe se balade sur le sable...).

Ceci pour dire : Html5, c'est bien, mais il y a encore du boulot...

[Mise à jour 23 Mars 17h] Bonne nouvelle, l'article est maintenant aussi en français ;-)

L'iPad est le nouveau IE6 ou Html5 est-il la panacée ?

Mon, 05 Mar 2012 08:46:11 GMT

C'est en lisant un tweet de Fabrice Michellonet (voir son blog) que j'ai découvert cet article intitulé :

iPad is the new IE6

Donc la question soujacente est : Html5 est-il l'avenir (ca, peu de personne en doute) pour tout faire (ca, j'en doute).

Pour mémoire (leaks?), Html5 est toujours sous forme de draft (cf. celui de Mars, tout beau, tout neuf), donc non finalisé, et avec des interprétations, extensions, etc. qui peuvent être spécifique à chaque plateforme. C'est ce que met en avant cet article mettant en cause l'iPad avec des sites fonctionnant (ou non) suivant la version de l'iPad. Et je pense que cela ne fait que commencer avec les navigateurs pour Android, Windows Phone5, etc.

Windows 8 en est également un exemple flagrant avec un javascript avec des extensions propriétaires. (on va revenir à des versions spécifiques suivant le navigateur ? Netscape/IE are back ?)

Bref, Html5/Javascript/CSS3, c'est cool, c'est super, c'est génial, mais ca ne fait pas tout (CuteTheRop pour IE en Html5, je veux bien, Call Of Duty Modern Warfare 3, je doute...).

HTML5 PhoneGap : une mauvaise idée (par Julien Dollon)

Tue, 21 Feb 2012 06:58:25 GMT

Julien vient de publier un retour d'expérience sur PhoneGap, une technologie Open Source cross plateforme.

En gros: vous développez (une fois) votre application, elle est disponible sous iPhone, iPad, Android, Palm, Symbian, Blackberry, Windows Mobile, etc. (j'aime toujours les etc. ;-)).

Cela à l'air très sympathique mais son retour d'expérience se termine par :

PhoneGap : une technologie à oublier très vite.

Bon ben ca c'est fait...

Le billet de Julien.

Si vous voulez quand même tester PhoneGap, c'est ici : https://build.phonegap.com/