Une page d’accueil bien vide si vous n’avez pas engraissé votre navigateur avec Silverlight

Est-ce que cela va motiver l’installation de Silverlight par ceux qui ont réussi à y échapper pour l’instant, ou plutôt faire fuir les potentiels téléchargeurs d’autres logiciels ?

Le projet est publié sous licence libre BSD et hébergé sur SourceForge sous le nom ODF Add-in for Word 2007. La première version vient d’être mise en ligne, où elle est téléchargeable gratuitement [2].

Voilà la citation de Frédéric Bon extraite du communiqué officiel de Microsoft :

“OpenXML represents a paradigm shift not only in its architecture but also in the customer needs it serves, opening organizations’ existing documents to take advantage of new content management and collaboration scenarios that weren’t possible even as recently as a few years ago ,” said Frédéric Bon, CEO of Clever Age. “Through the documentation Ecma International is creating and work such as the Open XML Translator project, customers will soon have the confidence that Open XML and ODF formats can coexist and new document scenarios will flourish. We are looking forward to working with the community of developers and businesses interested in XML documents.”

Les réactions — et leurs armées de trolls associées — ne se sont pas fait attendre, ce qui est plutôt logique étant donné la sensibilité du sujet. Voilà quelques liens pour suivre les débats et nourrir les trolls [3] :

• En français :
  • Clubic
  • PC Impact
  • LinuxFR (et là)
  • Génération-NT
  • Le Monde Informatique
  • VNUnet
  • 01net
  • ZDNet
  • Tristan Nitot

• En anglais :
  • Brian Jones, program manager de l’équipe Microsoft Office
  • Digg
  • Ars Technica
  • The Register
  • Slashdot
  • Groklaw
  • Jupiter Research’s Microsoft Monitor : « Microsoft has previously made overtures to the open-source community, but this project goes further in many respects. »
  • vnunet.com : Microsoft flip-flops on ODF support
  • United Press International : Microsoft backs cross-platform initiative
  • PC World : Microsoft to back Office-to-ODF plug-in : « According to Paoli, Clever Age approached Microsoft last year after some initial development. "They started having good results, so we asked them to continue," he said. »
  • ConsortiumInfo.org’s Standards Blog : Microsoft Falls Back Again : Announces ODF Plugin Project : « The news is being treated in the press as "new news," but in fact Ray Ozzie let slip mention of the project last October, and an open source converter project was started by the same French company last September 26. »
  • Guardian Unlimited’s Technology Blog : Microsoft announces Open Document support for Office 2007 : « Why Clever Age ? It was already working on a SourceForge proejct for an OpenOffice filter to Microsoft Word XML. »
  • CIO’s Microsoft Informer : OpenDocument Skirmish Ends in Truce

• En polonais [4] :
  • IDG Pologne
  • ITbiznes.pl
  • 7thGuard

Après plus d’un an d’attente, FeedLounge est ouvert au public.

Le moins qu’on puisse dire, c’est que l’interface est de toute beauté !

FeedLounge

Et heureusement, ce n’est pas que de l’habillage graphique, les fonctionnalités sont vraiment intéressantes :

• ajout de flux par souscription individuelle ou import de fichier OPML
• trois façons différentes d’agencer les panneaux de consultation
• navigation intégrallement au clavier, à un tel point que la barre d’espace peut suffire !
• gestion de tags sur les flux et sur les items individuels, ce qui permet notamment de classer un même flux dans plusieurs tags là où Bloglines ne permet qu’une catégorie par flux
• Etc.

Parmi les quelques points à améliorer, on peut néanmoins noter :

• les panneaux ne sont pas redimensionnables, mais c’est dans la todo
• les tags sont uniquement en minuscules et sans espaces
• il n’est pas possible de masquer les flux déjà intégralement lus, mais on en discute
• je n’ai pas trouvé de notifier à la manière de celui de Bloglines, qui permette d’alerter en cas de nouveauté sans avoir à se connecter

Mais la seule chose qui pourrait vraiment retenir quelqu’un de s’inscrire, c’est que FeedLounge n’est pas un service gratuit, contrairement à ses principaux concurrents. Il faut en effet s’acquitter d’un règlement mensuel de 5 dollars par mois ou 49,95 dollars par an. Afin d’éviter un écroulement de la plateforme dès le début avec trop d’utilisateurs, FeedLounge a choisi de ne pas proposer pour l’instant de comptes gratuits limités. Si la qualité de service est à ce prix, je suis près à le payer, tout comme je paie déjà un abonnement à Flickr.

Courrez vite vous inscrire !

Et si vous êtes l’heureux utilisateur d’un navigateur moderne, vous pouvez utiliser des scripts Greasemonkey, dont celui que j’ai créé spécialement pour poster directement dans Blogmarks depuis FeedLounge !

Voici le programme, avec malheureusement un peu de flottement dans les titres [1] :

1. Une page de base
2. Une Feuille de Style
3. Appliquer du style au texte
4. Plus de mise en forme pour le texte
5. Des listes à gogo
6. Etablir des liens
7. Les boîtes CSS
8. Des div sur mesure
9. On met tout ensemble
10. Doctypes et validation
11. 11ème épisode
12. 12ème épisode
13. 13ème épisode
14. 14ème épisode
15. L’avenir

Je partage tout à fait les soucis de Laurent de différencier les documents et les applications, et je vois bien l’intérêt de la plateforme XUL / XPFE de Mozilla ou de ses cousins XAML / Avalon [1] chez Microsoft, MXML / Flex chez Macromedia [2] ou OpenLaszlo.

Mais comme l’indique bien cette liste — pourtant non exhaustive — de solutions disponibles, le principal problème est une fois de plus de trouver laquelle de ces technologies répond le mieux et le plus durablement à un besoin et des contraintes donnés.

Si l’on parle d’accessibilité, la possibilité d’accéder à une application via le Web depuis n’importe quel navigateur est un critère important, et là XUL / XPFE [3] et XAML / Avalon [4] sont écartés d’office [5], alors que MXML / Flex a l’avantage de s’appuyer sur la très largement répendue plateforme cliente Flash. Mais c’est une solution propriétaire... Reste alors son challenger logiciel libre OpenLaszlo, qui semble bien prometteur.

Dans un même temps, l’usage des technologies standards du Web évolue très rapidement [6], et la déferlante AJAX qui redonne des couleurs vives au HTML vieillissant n’est pas près de s’essoufler. On en reparle prochainement...

Le bilan va être très court, puisque la migration s’est effectuée en 10 minutes montre en main [1], sans aucun effet de bord détecté pour l’instant.

SPIP continue donc à fournir une belle compatibilité ascendante, même sur les versions issues du CVS. Bravo !

J’avais dans l’idée de participer au concours Summer Refresh 2005, mais le temps va finalement me manquer, donc je vais plutôt me contenter pour l’instant d’une simple nouvelle couche de vernis.

Des évolutions s’ajouteront petit à petit à partir de maintenant, j’ai déjà pas mal d’idées.

J’espère notamment pouvoir expérimenter rapidement certaines extensions de la SPIP Zone, dont les trackbacks , qui sont vraiment l’un des plus gros manques quand on veut construire un blog avec SPIP, et peut-être la dernière version de la gestion de newsletters de BoOz [2], maintenant intitulée spip-listes.

J’espère aussi pouvoir remplacer un jour ma vieille contrib permettant de réaliser l’agenda de ce site avec SPIP avec le nouveau système d’agenda public concocté par Emmanuel [3], le quatrième mousquetaire de SPIP. Reste à comprendre comment ça marche... A moins que je ne supprime tout simplement cet agenda, qui est si difficile à remplir pour le peu d’intérêt qu’il suscite.

Il faudra au passage que je purifie un peu le code pour rendre le site plus accessible et encore plus respectueux des standards, j’ai encore beaucoup appris ces derniers temps sur ces deux sujets.

Enfin, je compte intégrer au mieux mes meilleures photos, noyées pour l’instant parmi toutes celles publiées sur Flickr, sans réel lien avec ce site, si ce n’est le petit flash en page d’accueil. Et pourquoi pas, puisqu’on parle de Flickr, aussi intégrer plus étroitement flickRate, qui commence à prendre de l’ampleur.

Quel beau programme, n’est-ce pas !

Microsoft avait à l’origine indiqué que rien ne serait fait sur Internet Explorer [2] avant la version prévue dans Longhorn [3], mais a finalement annoncé la reprise anticipée des travaux pour lancer une version 7 avant la fin 2005.

Il faut dire que Microsoft a été piqué au vif depuis quelque temps avec la croissance incroyable de Mozilla Firefox depuis sa version 1.0 sortie le 9 novembre 2004. Firefox 1.0.6 en français vient justement de sortir, n’hésitez pas à installer cette importante mise à jour de sécurité.

Histoire de combler son important retard sur les navigateurs alternatifs pour le support des standards du Web, Microsoft discute même avec le Web Standards Project, qui fait parti des plus farouches promotteurs des standards, et n’a pas souvent été tendre avec Microsoft ! D’après ce que rapporte Molly E. Holzschlag de ces discussions, Microsoft s’est non seulement vraiment ouvert aux critiques, mais ses développeurs sont vraiment très motivés :

« Not only has Microsoft offered an open door to WaSP’s criticism and ultimate assistance, but individual developers there are expressing a lot of enthusiasm about our relationship. »

Manoeuvre pour redorer un blason bien terni ou vrai intérêt pour les standards, l’avenir le dira peut-être...

Mise à jour : Tristan Nitot en parle aussi

Et si le nouveau design de Sam Latchman est splendide ...

... la technique a aussi évolué, puisque le site est maintenant géré avec SPIP et non plus à la main. Joli travail d’intégration réalisé par Stéphane Deschamps.

Je signalerais juste pour finir que les articles devraient maintenant être publiés au fil de l’eau et non plus mensuellement, et que des liens sont donnés vers des traductions publiées ailleurs, de très bonnes initiatives !

Nous sommes très nombreux à utiliser Mozilla Firefox depuis déjà pas mal de temps, mais il restait jusqu’à présent un logiciel en cours de développement, une Technology Preview, ce qui en rendait la diffusion auprès du grand public plus problématique.

Voilà donc enfin la sortie tant attendue de la version 1.0 !

Mozilla Firefox, c’est notamment un navigateur qui respecte mieux les standards du Web et est sujet à moins de bugs [1], et il vous permet en plus de voir un Gastero Prod plus joli qu’avec Internet Explorer.

N’hésitez donc plus, découvrez vite les raisons de passer au navigateur Mozilla Firefox, et téléchargez vite Mozilla Firefox en version française !

C’est un autre Nicolas, Nicolas Tallet, qui m’a donné envie d’écrire cela, avec son compte-rendu simple mais si intéressant sur une session de navigation avec Yasmina et JAWS.

Ce Nicolas là, je l’ai découvert parce qu’il a commenté très sympathiquement une discussion que j’ai eu sur la liste des Pompeurs avec Sam Latchman, à propos du design du nouveau site que je viens de (presque) finir pour Jacqueline, Marketing Planet.

Revenons à nos moutons...

Yasmina, donc, est documentaliste à la bibliothèque municipale de Chambéry, à la Médiathèque Jean-Jacques Rousseau pour être plus précis, dans l’espace déficients visuels du pôle sciences et loisirs. Elle est aveugle, Yasmina, et Nicolas en parle régulièrement, mais c’est dans cet article qu’il relate l’intéressante expérience de navigation avec Yasmina et son JAWS, c’est à dire son logiciel de synthèse vocale qu’elle utilise pour naviguer sur Internet.

Et c’est là que l’on se rend compte de l’importance de vérifier quelques principes de base pour permettre réellement à tout un chacun d’accéder au web, principes très clairement expliqués dans ce qui reste à ce jour la meilleure référence en la matière, « plongez dans l’accessibilité ».

Allez, je vais aller rapidement faire un tour sur mes différents sites pour vérifier ce qu’ils donnent ... Normalement, Marketing Planet s’en sort bien à ce niveau, comme c’est expliqué sur sa page standards et accessibilité.

Ce document s’intitule naturellement « Développer avec les standards Web, recommandations et conseils pratiques ».

Il s’agit d’une synthèse des arguments en faveur de l’usage des standards Web, agrémentée d’un ensemble de notions à prendre en compte pour les exploiter. Elle s’appuie notamment sur pas mal de liens vers d’autres ressources souvent très pertinentes.

Attention néanmoins à ne pas confondre ce « Developing With Web Standards » avec le « Designing With Web Standards » de Jeffrey Zeldman, une de mes lectures actuelles dont je ferais sans doute un compte rendu prochainement, qui est beaucoup plus complet sur ce même sujet et fait figure de référence.

Alors que j’ai repris le code de la galerie SPIP que j’avais développée initialement pour SPIP, puis qui avait été intégré à SPIP-Agora, pour le rendre compatible avec SPIP 1.7.2, Olivier a aussi passé un peu de temps sur la reprise du code de SPIP-Agora concernant la génération de code valide XHTML 1.0 Transitional et plus accessible, afin de le rendre compatible avec SPIP 1.7.2 :

• Intégration dans SPIP de fonctionnalités issues de SPIP-Agora

Voilà qui va m’aider à rendre Gastero Prod encore plus respectueux des standards, comme je l’annonçais lors de la sortie récente de Gastero Prod 4 !

L’interview de Lhorens Marie, Directeur Web et Technologies de Cosmosbay-Vectis par le Journal du Net est intéressante, puisqu’elle montre que l’accessibilité est enfin un sujet dont il est possible de parler dans les parutions « grand public ».

Elle permet de donner aux lecteurs des indications sur l’état du marché, tout comme la chronique que nous avons publiée très récemment sur ce même sujet : Usabilité, Accessibilité et ... réalité.

Par contre, ses réponses aux questions concernant d’éventuels projets pilotes et la disponibilité d’outils de gestion de contenu respectant les standards montrent qu’il n’a peut-être pas encore collecté toutes les informations nécessaires à ce sujet. A moins qu’il ne profite tout simplement de cette tribune pour le terrain pour sa société qui va « commercialiser une offre dans le courant de l’été pour pâlier à ce manque ».

Il ne parle ainsi pas du tout de l’association BrailleNet, dont les travaux ont pourtant justement été repris par l’ADAE qu’il site.

De plus, il ne parle pas du projet SPIP-Agora initié par le SIG [1]], dont l’objectif est de fournir aux administrations, et de manière plus large à tout le monde en le livrant en open source, un outil de gestion de contenus web répondant aux directives de l’ADAE, dont l’accessibilité.

Clever Age travaille depuis deux ans avec le SIG sur ce projet, dans le respect des recommandations de BrailleNet.

SPIP-Agora est déjà utilisé pour gérer plusieurs sites gouvernementaux :

• http://www.retraite.gouv.fr/
• http://www.europe.gouv.fr/
• http://www.forums.gouv.fr/
• etc.

Mais il est aussi déjà utilisé par d’autres acteurs non négligeables, dont l’ANPE.

L’accessibilité a encore du chemin à faire, mais il semble que la bonne voie soit maintenant prise, même si nombreux seront sans doute ceux qui essairont de tirer profit plus que de raison de la nouveauté du sujet pour beaucoup de leurs clients.

Ce kit se compose de trois éléments :

• une introduction générale intitulée Ce que tout possesseur de site Web devrait savoir au sujet des standards ou introduction aux standards Web,
• un livre blanc intitulé Aller de l’avant avec les standards Web,
• et enfin un glossaire assez exhaustif.

Je conseille à tout le monde cette lecture, c’est un excellent plaidoyé pour les standards, reprenant les principaux arguments déjà évoqués sur les multiples blogs des évangélistes des standards.

Une des premières références en la matière est l’article Easy CSS drop shadows publié le 14 novembre 2003 par Dunstan Orchard.

Mais une référence plus visible puisque publié sur le fameux A List Apart est le couple d’articles publiés par Sergio Villarreal :

• CSS Drop Shadows publié le 27 février 2004
• CSS Drop Shadows II : Fuzzy Shadows, publié le 23 avril 2004

A peine un mois plus tard, Brian Williams proposait sur A List Apart sa propre version intitulée Onion Skinned Drop Shadows. Cette version apportait l’avantage d’être assez souple pour s’adapter à toute taille de contenu, mais nécessitait l’usage de 3 div imbriqués, pas terrible pour ce qui est de la « qualité » du XHTML produit.

Mais voilà qu’est proposée une nouvelle approche intitulée :BefTer Drop Shadows, qui utilise les pseudo éléments :before et :after et ne nécessite ainsi qu’un unique div.

Il existe de nombreuses autres ressources à propos des ombres gérées via des CSS, mais celles présentées ici devraient suffire à se faire une idée, en attendant la prochaine idée révolutionnaire ...

L’accessibilité devient petit à petit incontournable.

Outre ses avantages directs en terme d’élargissement d’audience des sites, elle a tendance dans sa mise en oeuvre à favoriser l’usage de technologies standards, ce qui a de nombreux autres avantages.

Mais il ne suffit pourtant pas d’utiliser des standards pour atteindre l’accessibilité, encore faut-il bien les utiliser, en respectant avant tout une sémantique correcte.

Il faut aussi surtout ne pas croire que l’accessibilité ne soit dédiée qu’aux handicapés, elle est une problématique générale avant destinée à donner la chance à tout utilisateur d’accéder à un contenu.

Quelques principes appliqués sur Gastero Prod

Le nouveau code du site est constitué de contenus structurés en XHTML 1.0 Transitional valide et mis en forme à l’aide de feuilles de styles CSS 2.0.

Cela permet notamment d’être sûr que ceux qui ne peuvent pas (ou ne veulent pas) exploiter les feuilles de style, peuvent tout de même consulter le site sans problème :

Sans feuille de style

Affichage dans Mozilla Firebird avec la feuille de styles désactivée

En mode texte

Affichage dans Lynx, navigateur en mode texte

Mais cela n’empêche pas pour autant ceux qui en ont la capacité de profiter d’un site avec une identité graphique qui lui est propre et qui n’est pas forcément la plus minimale qui soit :

Normal

Affichage dans Mozilla Firebird avec la feuille de style

Enfin, qui dit graphisme ne signifie pas forcément contrainte sur les tailles de tous les éléments, il est tout à fait possible de laisser le choix à l’utilisateur de sa taille de police par défaut.

En caractères agrandis

Affichage dans Mozilla Firebird avec une taille de police supérieure et des colonnes ajustées en conséquence

Un peu d’usabilité

Des « raccourcis » clavier vous permettent d’accéder rapidement, sans utiliser votre souris, à des éléments du site :

Elément concerné	Touche
Page d’accueil	a
Moteur de recherche	r

Voici la procédure à employer pour utiliser par exemple la touche a :

• sous Windows, avec la combinaison alt + a
• sous Macintosh, avec la combinaison ctrl + a ou pomme + a

Pas de styles alternatifs

Gastero Prod ne propose pas de feuilles de styles alternatives.

Je préfère largement le rendre réellement accessible en laissant la possibilité à l’internaute d’utiliser un outil spécialisé ou de configurer son navigateur traditionnel.

Je ne comprends pas cette tendance actuelle de fournir une tonne de mises en pages alternatives en faisant croire que c’est là pour accroître l’accessibilité, alors que c’est surtout un moyen de montrer la compétence en CSS du développeur.

Si le site n’est pas naturellement accessible avec sa mise en page par défaut, il y a de bonnes chances pour que ce style switcher ne soit même pas exploitable par quelqu’un ayant cette problématique d’accessibilité.

Cela ne m’empêche pas de penser comme beaucoup que css Zen Garden est très intéressant, mais je ne vois pas l’intérêt que chaque site devienne un tel laboratoire en puissance.

Au boulot !

Cette refonte ayant permis d’enfin séparer comme il faut le contenu et le contenant, mais ayant consommé pas mal de temps, il devient nécessaire de se reconcentrer sur les contenus pour accroître la fréquence de publication !

Et si vous souhaitez être tenu au courant des publications, n’hésitez pas à exploiter le flux RSS, il est maintenant au format RSS 2.0.

Un nouveau design

Le changement graphique, bien évidemment, vous l’aurez remarqué.

L’ancienne version était certe belle et originale ...

Gastero Prod 2

... mais elle était à force assez fatigante avec sa débauche de bleu.

Du coup, la nouvelle version s’allège avec principalement une couleur de fond des contenus beaucoup plus agréable.

Gastero Prod 3

Monsieur Jakob « Use It » Nielsen lui-même le dit : Les internautes visitent un site pour son contenu. Tout le reste n’est que toile de fond. Le design doit faciliter l’accès au contenu.

Notez que archive.org [1] conserve encore une trace de la première version de Gastero Prod, mais légèrement altérée :

Des URL simplifiées

Une autre évolution de cette nouvelle version est l’adoption d’URL simplifiées qui permettent de se souvenir plus facilement de certaines pages auxquelles on veut accéder rapidement.

Par exemple, exit la disgracieuse URL de l’agenda du mois de décembre 2003, qui de http://.../rubrique.php3?id_rubrique=43&var_nav_year=2003&var_nav_month=12 passe à http://.../agenda/2003/12/ !

Plus simple, non ?

J’ai utilisé la même technique que sur mon autre site phpHeaven, telle que décrite sur le site des contributions pour SPIP, mais avec quelques ajustements.

Une orientation plus blog

Les weblogs, ou plus simplement blogs font fureur depuis maintenant quelque temps. Ils sont essentiellements présentés sous forme de journaux plus ou moins intimes d’internautes plus ou moins exhibitionnistes.

De nombreuses tentatives de définition de ce que sont les blogs ont déjà été faites par d’autres, je vais les laisser s’exprimer [2] :

• 01 Net : Gare au blog
• loi1901.com : Êtes-vous Blogs
• Blog of Filou : Qu’est-ce qu’un Blog ?

De plus en plus nombreux sont les sites plutôt éditoriaux qui adoptent le même type de présentation, et c’est aujourd’hui le cas de Gastero Prod.

Ce que cela signifie en gros pour les lecteurs, c’est que les articles sont avant tout présentés chronologiquement [3], au point d’être aussi proposés dans des archives mensuelles [4].

Dans l’esprit de l’ancienne classification par thématiques hiérarchiques, des thèmes sont aussi associés aux articles, mais un même article peut maintenant couvrir plusieurs thèmes [5].

Parmi les points phares de l’ancien site, on retrouve bien entendu l’agenda, peu modifié mais qui bénéficie largement de la nouvelle forme d’URL.

Enfin, et ce n’est pas négligeable du tout, l’équipe a le bonheur de s’être agrandie très récemment avec l’arrivée de Jackie !

L’objectif principal est donc maintenant d’assurer une mise à jour plus régulière, avec toujours de nombreux sujets de veille tous azimut.