fastclemmy.com

Chaque année est l'occasion de le rappeler, mais s'il y a une seule conférence francophone sur le web à laquelle vous devez assister, c'est bien entendu Parisweb. Petit compte-rendu subjectif de cette édition 2011.

Un petit mot tout d'abord sur l'organisation. C'est déjà la sixième édition, la deuxième chez IBM dans ses locaux de Bois-Colombes et on peut dire que l'association à but non lucratif met les petits plats dans les grands. 2 salles de conférences parfaitement équipées, un timing respecté à la minute près, une traduction simultanée pour les non-anglophones, de la vélotypie et de de la traduction en langue des signes pour les sourds et malentendants, etc. Ca parle de qualité pour le web, mais cela s'applique à l'ensemble de l'événement et cela mérite un énorme bravo.

J'ai pour ma part assisté aux conférences du jeudi et du vendredi (il faudra un jour que j'aille aux ateliers tout de même !) et voici ce que j'en ai retenu.

Kiss dans une grande entreprise

Donnée par l'ami Stéphane Deschamps, elle a réussi à nous transmettre son espérance folle consistant à faire changer les choses dans le bon sens au sein d'un énorme paquebot comme Orange. Au milieu d'un organigramme compliqué, il fait partie d'une entité appelée EASE dont l'objectif est de vulgariser et de faire de la pédagogie sur les bonnes pratiques web. Parmi les outils mis en place, des bibliothèques de composants prêts à l'emploi pour les sites web (players vidéo accessibles, widgets de calendrier, etc.). De même, un travail est en cours pour synthétiser l'essentiel des normes d'accessibilité WCAG (plusieurs centaines de pages) en simplement 30 pages. Avec un peu de chance, ce travail pourrait bénéficier à la communauté via une mise à disposition en Open Source, à suivre.

Les goûts et les couleurs

Ayant loupé sa conférence sur la typo donnée l'année dernière, très réussie paraît-il, j'avais hâte de découvrir la prestation de David Rault cette année.

Malheureusement, j'avoue que je suis un peu resté sur ma faim. La conférence a égrenné les poncifs sur les couleurs avant de terminer sur une série de screenshots de sites censés valider ceux-ci. Comme dit pendant les questions/réponses, notamment par le trolleur fou Mariejulien, le rapport aux couleurs est très culturel, la couleur noire du deuil est blanche en Asie. Quant aux exemples de sites web, on pourrait sans doute trouver des contre-exemples à tous ceux présentés. David a néanmoins un talent certain pour la présentation et sa façon d'amener les anecdotes était assez plaisante.

Optimizing your layout for phones and tablets using viewport and media queries

Je ne sais pas pourquoi, mais j'ai une inclinaison naturelle à trouver les gens qui travaillent pour Opera sympathiques. C'est vrai quoi, ces pauvres bougres travaillent depuis des années sur un navigateur confidentiel bourré de bonnes idées que les autres piquent éhontément ! Internet Explorer était le navigateur dominant, challengé par Firefox, puis par Safari avec la Mac-mania, puis par Chrome qui a fait une percée remarquée dans la communauté des développeurs... Naviguer avec Opera aujourd'hui, ça ressemble à une sorte de sacerdoce.

Pour en revenir à la conférence, Andreas Bovens a été très didactique et nous a montré les bonnes pratiques pour gérer les media queries avec notamment toutes les subtilités de la balise media viewport et des niveaux de zoom. Il faut dire qu'avec la fin annoncée de l'hégémonie de l'iPhone, les choses deviennent plus complexes sur mobile.

Formulaires HTML5 : où en est-on ? Que peut-on faire ?

C'est peut-être parce que la salle de conférence a été changée au dernier moment, mais j'ai trouvé la conférence très fouillis. Mounir Lamouri de Mozilla connaissait sans doute très bien son sujet, mais cela allait trop vite, ça partait dans tous les sens, avec peu de démos concrètes. Ce que j'en retient, c'est que la validation des formulaires HTML5 se fait avant l'appel de l'événement submit du formulaire, ce qui permet d'avoir ce niveau de validation pour les navigateurs modernes, puis un deuxième niveau de validation en javascript avant enfin une validation côté serveur.

HTML5 APIs: Where no man has gone before

Etonnament peu charismatique pour un "Technical Evangelist", Robert Nyman nous a refait une passe sur les différentes API d'HTML5. A vrai dire, je n'ai pas retenu grand chose que je ne savais déjà, il faudra vraiment la prochaine fois que je prenne sérieusement des notes...

Un navigateur, comment ça marche ?

Anthony Ricaud a bien fait de nous prévenir qu'il ne maîtrisait pas vraiment le sujet, parce qu'en fait ça ne se voyait pas trop. Je pense qu'il était surtout intimidé par Daniel Glazman (dit le Pierre Tchernia des CSS). Bref. Une de mes conférences coup de coeur. De la même manière que Karl Dubost se plaint souvent que les développeurs web ne connaissent pas vraiment le fonctionnement d'HTTP, il est clair que le fonctionnement réel des navigateurs est une sorte de flou gaussien. Construction de l'arbre DOM, collecte et mise en buckets (façon KFC) des règles CSS, repaint et reflow, un bel aperçu de la machinerie qui se joue à la lecture de chacune de nos pages web. Très très instructif.

Ouvrir le Web un bug à la fois

Tiens, Karl Dubost, justement. Maintenant lui aussi employé d'Opera, après avoir longtemps oeuvré au W3C, il s'occupe des relations avec les développeurs. Conférence courte pour nous expliquer que décidemment, il en faut du courage pour travailler chez Opera. Entre les bugs de IIS et les détections de navigateurs foireuses, il semble bien occupé.

Lightning Talks

Format intéressant car le principe est assez radical. 4 minutes de libre parole et un test d'applaudimètre à la fin. Il y a ceux qui tablent sur les démos techniques (Boot To Gecko, projet prometteur de Mozilla), ceux qui jouent la carte du stand-up ("Pourquoi je foire tous mes projets"), ceux qui se mettent tout nu (Karl, encore lui) et tous les autres, ça décoiffe ! Mention spéciale pour Rudy et son hilarante présentation sur la taille des écrans (bon OK, il fallait le voir pour comprendre).

Industrialisation de l'intégration Web : la révolution de l'artisan devenu ouvrier

Il me semble que le sujet avait déjà été abordé par Sam Latchman il y a quelques années. Cette fois-ci, c'est Thomas Parisot qui s'y est collé avec des parallèles sur l'industrialisation dans l'agriculture notamment. Le sujet m'a paru un peu trop théorique pour me parler vraiment.

Ga, Bu, Zo, Meu, ou pourquoi faire simple quand on peut faire compliqué ?

Conférence présentée sans slides, il faut le faire. Ceci étant, elle aurait pu être présentée à LeWeb plutôt que ParisWeb. Grosso modo, le cloud c'est bien, mais bon quand même attention, quand Amazon ec2 tombe en rade, y'a pas mal de sites qui sont dans la panade (/cc @pims). Voilà quoi.

The mobile browser world

Il y a des gens qui sont vraiment doués pour les présentations. Peter-Paul Koch (alias PPK), est de ceux-là. Très didactique, il nous a fait par le menu l'état du marché des navigateurs sur mobile et bien convaincus de sa profonde réflexion : "C'est le bordel". Nous qui avons subi cela avec les navigateurs de bureau, nous voilà quittes pour un deuxième service sur mobile.

Le web développement durable : Green IT à toutes les sauces

Christophe Clouzeau avait de quoi nous faire déprimer avec ses chiffres, on en viendrait presque à avoir des remords à utiliser un ordinateur tellement son utilisation au quotidien semble émettre des gaz à effet de serre !

Javascript as a Programming Language

Conférence assez généraliste de Marco Cedaro pour nous expliquer que Javascript c'est maintenant un langage sérieux. Il est vrai que plus ça va, plus je trouve que le procès de "mauvais langage" fait à javascript est vraiment injuste. Il se trouve juste que celui-ci est accessible quasiment à tous pour faire quasiment n'importe quoi. Il y a sans doute des tas d'horreurs dans le code écrit par les "vrais" programmeurs dans des "vrais" langages de programmation, non ?

Concernant la conférence, il nous a fait l'apologie de l'intégration continue, des tests unitaires mais étonnament pas de la documentation car... on n'a pas le temps.

HTML5 pour l’écriture d’applications cross-devices : challenges et solutions

Si quelqu'un qui travaille pour Opera est sympathique, quelqu'un qui travaille pour Microsoft et qui vient présenter une conférence à Parisweb mérite le respect de tous. Il faut dire que des années de blagues et de râleries sur Internet Explorer, c'est dur à effacer. Donc déjà un bon point pour David Rousset. Imaginez, il code même des projets web avec Visual Studio !!

Plus sérieusement, intéressante présentation sur la création d'une appli (un jeu) cross-platform. Ou comment se rendre compte rapidement qu'on divise par 6 son framerate quand on passe de son PC à un iPad. Optimisons, optimisons ! Pas mal d'astuces évoquées lors de la conférence ainsi que pendant les questions réponses. Quelques pistes : d'abord développer pour la plateforme la moins rapide (iPad dans le cas présent) et exploiter à fond les atouts des implémentations (accélération matérielle pour les transitions CSS, voir du côté des animations SVG, optimiser les animations dans canvas, etc.). Food for thought comme on dit en anglais.

Les données ouvertes et liées (Linked Open Data) pour les allergiques au RDF

Dernière conférence à laquelle j'ai pu assister. Olivier Thereaux, désormais à la BBC, nous a expliqué comment la grande institution britannique prenait soin maintenant d'utiliser les ressources disponibles (contenu de Wikipedia via DBpedia, Musicbrainz) pour la construction de ses nouveaux sites. On n'en saura pas beaucoup plus.

J'espère vous avoir donné envie d'aller à l'édition 2012 ou de vous avoir éclairé sur les conférences que vous auriez loupées cette année. En ce qui me concerne, c'est sûr, en 2012 j'y serai !

#divers

Je fais frémir votre agrégateur pour vous signaler l'apparition d'un nouveau blog, celui de ma femme : Une histoire et au lit.

Que vous ayez des enfants ou non, découvrez avec elle le monde merveilleux des livres jeunesse. Jolies histoires, belles illustrations, vous allez vous régaler et certainement faire des petits heureux avec toutes ces découvertes.

Bonne lecture et à vos commentaires !

#divers

Useless.ca

# 12-03-2005

Ah, au cas ou vous ne seriez par au courant, je suis ici de ce côté de l'Atlantique maintenant.

#divers

Invitations Gmail

# 30-09-2004

Article original du 08.09.04 - On ne sait plus qu'en faire, mais les gourous du marketing viral de chez Google insistent... Il me reste quelques invitations Gmail en stock. Gagnez-en une en trouvant un acronyme rigolo avec CSS (exemple : Complètement Stupide ce Scrolling horizontal sur fastclemmy.com). N'oubliez pas de remplir le champs e-mail pour que je puisse vous envoyer l'invitation.

Mise à jour du 30.09.04 - Le concours est fini, les invitations ont été envoyées aux heureux gagnants (pour les réclamations, veuillez consulter maître Jarnac, huissier de justice domicilié dans les îles Caïman). Bravo à tous pour votre imagination débordante !

#divers

Happy CSS and merry XHTML à tous ! Prochain(s) post(s) l'année prochaine !

#divers

Tristan recense en s'en amusant jour après jour les annonces faites par Microsoft concernant des mises à jour de son omniprésent navigateur IE. Il a l'air de le prendre à la rigolade, mais je suis pour ma part très inquiet.

Tout d'abord, je suis un fervent partisan de la promotion des navigateurs alternatifs, comme beaucoup de collègues bloggueurs. Pour beaucoup de raisons : respect des standards du W3C, technologie libre (par opposition aux visées monopolistiques et anticoncurrentielles de Microsoft), blocage des pop-ups, navigation par tabs, etc. Je fais mon possible pour inciter les gens à faire de même, tout comme je m'efforce chaque jour de promouvoir l'utilisation de la conception par blocs pour faire ses pages web.

Seulement la croisade pour faire adopter un navigateur est sans doute encore plus difficile à mener, car le public-cible est notablement plus large et que son niveau d'implication dans l'informatique est très aléatoire. La plupart des gens qui naviguent sur le Net ne savent même pas qu'il existe des navigateurs autres qu'Internet Explorer (dont ils connaissent à peine le nom), au mieux ont-ils déjà entendu parlé de Netscape... Dans tous les cas, changer de navigateur est une opération qui semble au choix difficile/longue/risquée et autant dire que les arguments que l'on avance pour inciter au changement ont intérêt à être en béton armé.

Coup de chance, depuis belle lurette Mozilla/Firebird intègre le blocage de pop-ups, voilà un argument qui pourra convaincre même les néophytes. Une idée tellement bonne que, étonnament, la prochaine mouture de Internet Explorer l'intégrera ! On a un peu de temps devant nous, mais l'argument principal motivant le changement va disparaître du jour au lendemain.

Deuxième axe, jouer sur le réflexe sécuritaire en mettant en exergue les trous de sécurité béants que l'on découvre jour après jour dans IE (et les autres produits Microsoft). Là encore, le géant de Redmond a bien vu sa faiblesse et placera son prochain IE sous le signe de la sécurité. Effet d'annonce ou pas, nul doute en tout cas que cela va rassurer le gros des troupes utilisant IE.

Ainsi donc, avec quelques déclarations d'intention Microsoft coupe l'herbe sous le pied de Mozilla, ainsi qu'il le fait dans un domaine plus technique en tentant d'imposer XAML face à XUL. Je pense personnellement qu'on aurait tort de ricaner sur les deux ans ou plus de retard de IE en terme de navigateur web, car le tueur de Mozilla est sans doute en développement...

#divers

Le site de promotion des logiciels Mozilla fait peau neuve avec aux commandes David "CSSZenGarden" Shea et Tristan "StandBlog" Nitot. Pour le moment uniquement disponible en version beta, il déchaine les enthousiasmes dans les blogosphères francophones et anglophones. Au risque de passer pour le grincheux de service écrivant un log "pour le démolir bêtement parce que je n'aime pas les couleurs", je suis assez déçu de l'aspect final du site.

C'est vrai quoi, la déception est d'autant plus grande que Tristan nous faisait saliver avec un teasing digne des plus grandes productions hollywoodiennes (enfin quelques allusions sur son blog quoi), que David Shea était en charge du design et que la précédente mouture avait déjà reçu une volée de bois vert.

Certes du côté sémantique, construction de page en blocs et non pas en tableaux, accessibilité, le site a fait de gros progrès (merci Tristan !), encore heureux, serais-je tenté de dire... Cela dit ça fait un site de plus à rajouter à la liste des sites valides; du moins, quand les dernières petites corrections auront été apportées.

Mais c'est plutôt côté design que la sortie de ce nouveau site me chagrine, j'attendais mieux de la part de David Shea. Au-delà des couleurs qui effectivement ne me conviennent pas (on peut faire du corporate sans tomber dans l'insipidité comme ça), le graphisme ne guide pas assez le visiteur. Je m'explique.

Pour moi le gros souci des produits Mozilla c'est l'organisation des produits. La page d'accueil devrait faire comprendre immédiatement que l'utilisateur a le choix entre une suite logicielle complète (comprenant un navigateur Firebird, un client mail Thunderbird et un éditeur HTML Composer) et tous ces logiciels séparés. De plus, il faudrait à mon avis plutôt mettre en avant Firebird comme alternative à Internet Explorer plutôt que la lourde suite Mozilla. Je suppose que ce choix vient du fait que Firebird et Thunderbird n'en sont pas encore à la version 1.0, m'enfin. Il aurait été tellement simple de jouer sur un code couleur rouge pour Firebird et bleu pour Thunderbird, comme leurs icônes respectives.

Du côté de la navigation c'est aussi un peu bizarre avec un bandeau en haut qui laisse une large part au vide et qui délaisse un logo en haut à gauche visiblement posé là un peu par hasard.

Dans l'ensemble, ce design manque d'homogénéité et c'est un sentiment de "flottement" général qui me frappe.

Un des avantages d'avoir fait un site en XHTML/CSS est néanmoins de permettre de changer un look de site rapidement, ça tombe bien, on fait un concours de MozillaZenGarden ?

#divers

L'un des gourous des standards du web, ancien de chez Netscape et auteur du logiciel d'édition (X)HTML Composer se met maintenant à son compte, mais toujours pour le bien des standards et de l'esprit open-source !

Voici son annonce :

J'ai le grand plaisir de vous annoncer la naissance officielle de la SARL Disruptive Innovations dont je suis le fondateur. Nous allons nous focaliser sur le développement de logiciels autour des technologies et standards du Web. Notre premier client d'importance est, comme cela a déjà été annoncé, Lindows.com pour qui nous allons développer un nouvel éditeur de contenu Web basé sur Mozilla Composer. Disruptive Innovations va elle-même travailler sur Mozilla pour proposer d'une part un produit d'édition Web très amélioré, et d'autre part des prestations de service de développement de même nature que celle menée pour Lindows.com. Nous allons également spécifier une technologie de transformations documentaires XML qui sera implémentée dans un produit commercial sur base Mozilla. En France, Disruptive Innovations offre aussi des prestations d'expertise sur les processus de développement de produits logiciels, et de gestion de l'innovation technologique. Innovations, Open Source, standards et audace. Vous allez adorer ça autant que nous.

Comme tout le monde va en dire du bien (Tristan s'y est déjà collé), je peux me permettre d'émettre quelques réserves sur le design et la validité de son nouveau site. Besoin d'un petit concours à la CSS Zen Garden Daniel ? :o)

#divers

Juste un petit log pour signaler l'arrivée d'un nouveau blogueur que j'aurai plaisir à lire chaque jour. (Notez au passage que la rubrique Nombril fait des émules). Bonne continuation à lui en tout cas !

#divers

Je ne vois que cette raison pour que la firme de Redmond mette bientôt sur le marché une souris avec molette horizontale. Pour lire fastclemmy.com bien sûr ! (merci François)

#divers

N'y voyez pas une attitude moutonnière de ma part (ce n'est pas mon <style>), mais ce log est l'occasion pour moi de vous présenter mon Blogroll.

C'est quoi donc un Blogroll ?

Pour les néophytes du blog (mais vous qui passez sur ce site êtes-vous vraiment dans cette catégorie ?), il s'agit d'une liste arbitraire de sites que je consulte quasi-quotidiennement (puisque je suis anti-RSS) dans le domaine de l'XHTML/CSS, des navigateurs et de la conception web en général. En publiant cette liste j'espère que vous découvrirez d'autres intéressantes lectures qui vous contenterons lors de mes occasionnelles absences.

Les sites anglophones

Zeldman.com
Sans doute la référence ultime du domaine, mises à jour régulières et liens toujours pertinents.

Simon Willison
Un blog technique sur l'XHTML/CSS (entre autres) toujours intelligemment pensé.

StopDesign
Weblog de mon maître vénéré du design en XHTML/CSS. Peu loquace, du moins pas assez pour moi.

MezzoBlue
Tenu par l'initiateur du CSS Zen Garden, un weblog de webdesigner dont j'aimerais bien être l'alter ego francophone.

Anne Van Kesteren
Il (oui c'est un prénom masculin) a 17 ans, mais déjà plein de choses techniques intéressantes à raconter.

Modulo 26
Point de vue de webdesigner, un ton en-dessous des précédents.

Kottke
Digressions d'un webdesigner mais compétent lorsqu'il se recentre sur son domaine.

BryanBell
Le contenu est moyennement intéressant à vrai dire, mais je suis toujours aussi fan du design de ce blog.

Mozilla related blogs
D'un coup d'oeil toutes les mises à jour des sites parlant de mon navigateur favori.

Les sites francophones

Standblog
Sans doute la référence ultime du domaine, mises à jour régulières et liens toujours pertinents (aurez-vous vu que j'ai copié/collé la description de Zeldman.com ?).

Greut Grafx
Prolixe webdesigner suisse qui a l'oeil sur tous les domaines satellites de la conception web (référencement, PHP, accessibilité, etc.)

CyberCodeur
Le web vu d'outre-Atlantique mais en français dans le texte avec un enthousiasme communicatif.

SamLog
Sporadique mais incisif webdesigner.

Dreams4Net
Coup d'oeil technique sur l'envers du web (un peu le pendant français de Simon Willison).

Glazblog
Vision du web d'un ancien de Netscape. Concis et ronchon.

Jy[B]log
Fil d'info d'un passionné de l'XHTML/CSS.

Neokraft
Codeur PHP invétéré et accroc aux standards.

Gou Blog
Info et actu sur l'XHTML/CSS.

Znarf
Fan de Wikis et d'XHTML.

Itinéraire libre
Weblog XHTML/CSS du développeur d'EditCSS.

fPlanque
Info et actu sur l'XHTML/CSS.

Embruns.net
Politique et réflexions non pas sur l'eau, mais sur le web en général.

Genezys
Info et actu sur l'XHTML/CSS.

Psychedelic Darken
Info et actu sur l'XHTML/CSS.

La page de Marco
Info et actu sur l'XHTML/CSS, design sympa.

#divers

Joie numéro 0.6.1

# 03-08-2003

Au fait, j'ai installé la dernière version en date de mon navigateur préféré : Firebird. Cette dernière mouture corrige un bug qui me privait d'un de mes bookmarklets préférés : Edit Styles.

Joie.

#divers