photo credit : JL !

Ah moins d’être restés loin de votre écran depuis quelques semaines, vous avez sûrement déjà entendu parler de la sortie de firefox 3.5. Cette sortie est particulièrement exitante^[1] pour les développeurs car elle implémente un paquet de fonctionalités fort alléchantes, la plupart tirées des spécifications du futur HTML5.

HTML5 va de plus en plus devenir une réalité (même si les inévitables boulets que l’on se traîne déjà depuis des années continueront à ralentir son adoption), et jai pensé que le moment était bien choisi pour effectuer un petit survol rapide des nouveautés de la bête. Les curieux pourront aller s’abreuver à la source.

Les nouvelles balises

Depuis le temps qu’on vous le répète, le html, c’est pour la sémantique, et le css, c’est pour la mise en forme. Sauf qu’une page remplie de divs, c’est quand même un peu moyen question sémantique. C’est pourquoi html5 définit de nouvelles balises destinées à organiser plus clairement vos contenus.

Saluons donc l’apparition des balises header, footer, section et article, qui seront trés certainement appréciées des blogueurs. nav permettra d’indiquer une zone de navigation (un menu, quoi), et aside une portion de contenu parallèle (un exergue, par exemple).

De nouveaux éléments interactifs font leur apparition. progress permettra d’afficher une barre d’avancement, meter une jauge, details une zone d’information additionnelle affichable à la demande, et datagrid sera utilisée pour représenter de façon interactive des données sous formes d’arbres, de listes ou de tableaux.

Certaines balises se sont vues attribuées de nouveaux attributs (marrant ça…), et d’autres ont vu leur sens redéfini, telles que b, i, hr, etc…

Pour finir, certaines balises passeront directement à la trappe, et dans le cas de frame, par exemple, elles ne seront sûrement pas regrettées.

Les médias à la fête

Parmi les nouveautés qui sont sans doute les plus attendues, on trouve les stars du moment, les balises audio et video qui permettront à vos navigateurs de gérer directement ces éléments multimédias. La balise canvas, quand à elle, permettra d’afficher dynamiquement des graphismes 2d sur la page (et même, pourquoi pas, de la 3d).

Grâce à ces balises, et aux apis correspondantes, il va devenir possible de créer de vrais applications multimédias en pur html / css / js, qui permettront (enfin) de basarder nos plugins flash tout pourris à la poubelle.

Enfin des vrais formulaires

photo credit : obo-bobolina

Il faut bien l’avouer, la gestion des formulaires avec html4, c’est quand même pas de la tarte. Pas de typage précis des entrées, pas de moyen standard de tester les valeurs saisies côté client, bref… C’est du brut de pomme. Heureusement, html5 vient changer un peu tout ça.

La nouveauté la plus intéressante à mon avis réside dans la possibilité de pouvoir spécifier une validation du formulaire côté client. Il est par exemple possible d’indiquer si un champ est obligatoire ou pas. Le développeur pourra fixer des contraintes qui s’appliqueront sur les champs (min, max, pattern, autocomplete, etc.), et que le navigateur se chargera de faire respecter.

input gagne quelques nouveaux types (datetime, range, number, email, url, color, etc.) qui permettront au navigateur d’afficher directement les widgets qui vont bien.

L’attribut form permettra de spécifier à quel formulaire se rattache un champ. Ce qui signifie que les dits champs pourront se trouver n’impore où dans la page, et plus uniquement sous la balise form corrspondante.

Enfin, notons l’apparition de l’attribut autofocus, que l’on pourra attribuer à un input pour lui donner le focus dés la page chargée.

Des Apis en pagaille

De nouvelles apis feront leurs apparitions, pour permettre aux développeurs de créer de véritables applications dynamiques.

Citons les apis multimédias (audio, video, dessin 2d) déjà mentionnées. Une autre api sera destinée à faire fonctionner les applications web offline (à la google gears). Il sera possible de gérer l’édition de document ou l’historique de navigation. L’api webstorage permettra de stocker des données persistentes d’une manière autremement plus puissante qu’avec les antiques cookies. L’api de GeoLocalisation permettra au navigateur de vous localiser. Mentionnons enfin l’api de drag & drop, d’ores et déjà implémentée dans Firefox 3.5.

Pour finir

En résumé, HTML 5, ça siouxe ! Le web va enfin disposer d’un langage à la hauteur de ses usages. La spécification HTML 5 n’est qu’à l’état de brouillon, et ne sera entérinée que lorsqu’il existera au moins deux implémentations complètes différentes. Espérons que son adoption sera suffisamment rapide pour ne pas laisser de place aux silverlight, flex et autres javafx.

Notes :

1. Ouais, bon, chacun ses fantasmes, hein ! [retour]

photo credit : Stu Willis

Avez vous remarqué comme il est facile de répartir les développeurs en sous-groupes bien distincts ? On trouve par exemple…

Le newbie

Le newbie (parfois surnommé «  le p’tit con  ») est un bon. La preuve, l’autre jour, il a réussi à installer tout seul le crack d’un jeu qu’il a téléchargé sur bittorrent. Après avoir réussi à enchaîner trois lignes de basic batard sur sa calculatrice casio, le newbie décide de se frotter à la vraie, la pure, la dure programmation, parce qu’il se sent l’âme d’un hacker. Bill Gates n’a qu’à bien se tenir.

Après avoir navigué plus ou moins longtemps et intensément sur divers forums, il décide que Python c’est pour les lopettes, et qu’il a besoin d’apprendre un vrai langage, comme le C ou l’assembleur. Parce qu’avec ça, il va pouvoir développer ce qui l’intéresse : un jeu en 3d avec moteur physique et IA avancée.

• Os : Windows XP
• Éditeur : Notepad
• Langage favori : Casio Basic
• VCS : c’est quoi ce truc ?
• Navigateur : IE

Le vieux de la vieille

Celui là, c’est l’archétype du développeur expérimenté. Quelque soit votre âge, le vieux de la vieille a de toutes façons roulé sa bosse sur des systèmes qui étaient déjà obsolètes alors que vous n’étiez même pas un picotement derrière les roubignoles de votre paternel (dixit le vieux).

Généralement, les vieux de la vieille peuvent être répartis en deux sous catégories :

• Le vieux sage : Tel un marin ayant bourlingué toute sa vie sur les océans numériques, le vieux sage est un loup de mer qui a tout vu, tout lu, tout fait, tout compris, et dont la profondeur de la sagesse n’a d’égale que l’étendue du savoir.

  Le vieux sage est un puit de connaissance sans fond, un vénérable ancien qui distille son enseignement aux plus jeunes en illustrant chacun de ses précieux conseil par une bonne anecdote croustillante tirée de son expérience infinie.

  En entreprise, le vieux sage est une valeur sûre. Celui vers lequel on se tourne quand on a tout essayé. Celui qu’on aime prendre pour mentor. Celui qu’on regrette de voir partir à la retraite, et pour lequel on verse la petite larme le jour du pot de départ. Mais c’est ainsi, que voulez vous, les meilleurs choses ont une fin (sauf le saucisson, qui lui en a deux).

• Le vieux schnock : Celui-ci, s’il dispose de l’ancienneté du vieux sage, ne peut malheureusement espérer égaler ses compétences.

  En fait, le vieux schnock semble avoir raté un embranchement. Au lieu de rester à la page, il semble s’être figé quelques années en arrière, à l’époque du cobol et du commodore. Lentement mais surement, il a vu ses quelques compétences devenir obsolètes les unes après les autres, pour au final devenir un fossile vivant, témoin d’une époque révolue.

  Le vieux schnock est une plaie pour les entreprises, car son expérience et son ancienneté le rendent difficile à déboulonner, et ses conseils avariés pervertissent les jeunes esprits innocents. Au final, le vieux schnock se voit souvent confiné dans un placard, ou il pourra compter patiemment les jours avant sa retraite sans faire trop de dégats.

• Os : Unix
• Éditeur : vi
• Langage favori : Cobol
• VCS : CVS
• Navigateur : Netscape

L’allergique à la ligne de commande

photo credit : Robert Mynard

L’allergique à la ligne de commande est un développeur comme les autres, mis à part le fait qu’il ne supporte pas d’utiliser… la ligne de commande (bravo à ceux qui suivent). Réfractaire à toute manipulation un minimum complexe, pris de nausée à l’idée de taper quelques paramètres à la main, répugnant de lire quelques page de man, l’allergique considère que toute tâche doit pouvoir s’exécuter à la souris.

Ce qu’il aime, lui, ce sont les gui, les vraies, les pures. Peu lui importe de saturer sa machine, tant qu’il peut faire n’importe quoi en moins de trois clics.

• Os : Windows Vista
• Éditeur : Eclipse
• Langage favori : Java
• VCS : Subversion (plugin eclipse)
• Navigateur : Opéra

Le pragmatique

Le type de développeur le plus commun mais peut-être pas le plus courant. Le pragmatique n’a pas envie de s’embêter. Tout ce qu’il veut, c’est faire son travail, et rentrer chez lui. C’est quand même pas compliqué, bordel ?!

Ici, pas de recherche de la performance ultime. Pas besoin de l’outil absolu. Pas de solutions compliquées. Juste de la conscience professionelle, du travail bien fait, des solutions qui marchent, des objectifs atteints, et… et c’est tout. C’est déjà pas mal, non ?

• Os : Ubuntu
• Éditeur : kate ou geany
• Langage favori : python
• VCS : Subversion
• Navigateur : Firefox

Le ninja

photo credit : Etwood

Le ninja est un développeur dangereux. Il est toujours en quête de l’outil ultime, de la méthode absolue, du langage parfait, qui lui permettront d’atteindre une productivité maximale.

Il maîtrise à la perfection les raccourcis vi, utilise un clavier ergonomique, et c’est promis, dés qu’il aura le temps, il se mettra au dvorak.

Le ninja méprise ceux qui n’atteignent pas la même efficacité que lui : tout le monde sait bien, pourtant, que subversion est obsolète, alors que git, c’est bien plus efficace.

Bon, il faut bien le lui reconnaître, le ninja peut atteindre une efficacité redoutable, pour peu qu’il parvienne à bosser un peu au lieu de passer son temps à tester tous ces softs.

• Os : LFS
• Éditeur : vim
• Langage favori : C, Ruby
• VCS : git
• Navigateur : Google Chrome

Le libriste

Le libriste n’a qu’un but, qu’une envie, qu’une passion : les logiciels libres. Il voue un véritable culte à son Dieu Richard Stallman, une haine tenace à cette paramécie coprophage de William Porte, et ne connaîtra le repos que lorsque le dernier blob binaire aura été purgé du noyau Linux.

Le libriste se reconnait généralement à sa barbe longue et emmelée (attribut de reconnaissance emprunté à sa divinité), à son système dépourvu de tous logiciel propriétaire, à ses contributions fréquentes à Wikipédia, et à ses fréquentes références à des idées rétrogrades telles que le partage, l’entraide, ou la communauté. Certains libristes, les plus dangereux, présentent également des tendances pathologiques écolos.

• Os : gNewSense
• Éditeur : emacs
• Langage favori : C
• VCS : subversion
• Navigateur : Ice Weasel

Et vous, quel développeur êtes-vous ?

Ceux qui ont franchi le pas savent que le héron hardi vient avec la version bêta de Firefox 3.0. Or, beaucoup d’extensions ne sont pas encore disponibles pour cette version, et nombreux sont ceux qui préfèrent réinstaller firefox 2, pour bénéficier de leurs extensions préférées.

J’ai moi même un besoin vital des extensions Firebug et Web developper, et je m’étais resigné à repasser sous Firefox 2, lorsque je suis tombé sur un message intéressant : il est possible d’utiliser ces deux extensions sous Firefox 3 ! Voici la marche à suivre.

Commencez par lancer Firefox 3, puis rendez vous dans outils > modules complémentaires. Un message vous indique que certaines extensions, dont firebug et web developper sont indisponibles. Désinstallez les donc. Ensuite, une petite commande :

sudo apt-get install firebug mozilla-firefox-webdeveloper

Relancez Firefox, et voilà. Tout marche nickel.