Travaillons connectés

Aller au contenu | Aller au menu | Aller à la recherche

Tag - standards W3C

Fil des billets

lundi 14 mai 2007

iVendix ne fonctionne pas sous Firefox

iVendix est une solution de gestion/paiement/suivi de commande en ligne, développée par la société Centerstone. iVendix est assez répandu dans l'industrie de l'outdoor. Les fabricants permettent ainsi à leurs détaillants de passer leurs commandes et de faire leurs ré-assorts en ligne.

Seulement voilà ce qu'un détaillant obtient lorsqu'il essaye de se connecter à son compte iVendix en utilisant Firefox (ou Opéra, Safari, etc.) :

iVendix sous Firefox : téléchargez Internet Explorer...
(cliquez sur l'image pour l'agrandir)

Et donc, en téléchargent Internet Explorer, voici l'exceptionnelle user experience qui va s'offrir à lui :

We can use features only available in IE 5 to update pages on your screen without having to retransmit and repaint entire pages of content. [...] Once inside iVendix you will see the functionality of the IE browser like nowhere else on the Internet. Your orders will recalculate while you work - just like a spreadsheet!

Ha, oui, c'est vrai que Netvibes (qui permet de réorganiser les éléments de sa page d'accueil avec de simples drag-and-drops) et Google Spreadsheets (qui permet de faire de l'Excel en ligne avec des enregistrements qui s'effectuent en arrière plan) ne fonctionnent pas avec Firefox. ;-)
C'est vrai que la mise en page avec CSS, la manipulation d'éléments côté client avec Ajax et le support de XML sont l'apanage d'Internet Explorer.

Comme on dit dans les rectificatifs de journaux, il fallait lire :

Comme on n'avait pas envie de se casser à coder une mise en page CSS et des fonctions Ajax propres, ont a bâclé l'affaire en optimisé pour Internet Explorer.

;-)

vendredi 23 mars 2007

Faire des pictos avec des lettres

C'est la petite découverte du jour. Je reçois de plus en plus fréquemment des mails qui incluent un petit message pour limiter le nombre d'impressions papier du-dit message.

Afin de contribuer au respect de l'environnement, merci de n'imprimer ce courriel que si nécessaire.

J'ai essayé de télécharger l'image de gauche, et justement, ce n'est pas une image. C'est simplement la lettre P en majuscule, à laquelle on a appliqué la police Webdings et la couleur verte :

<span style="font-family: Webdings; color: #008000; font-size: 200%;">P</span>

Les lettres majuscules, les lettres minuscules et les chiffres donnent tous des pictogrammes différents.

Et, magie de CSS, pour les lettres on peut transformer l'apparence du picto avec la propriété "text-transform" réglée sur uppercase (majuscule) ou lowercase (minuscule).

Oui, je sais, on s'amuse comme on peut... :-)

pictos obtenus avec la police webdings.

----------
Chose bizarre sous Firefox : le P s'affiche comme un logo dans Gmail, mais si je le mets dans un fichier html à part, il s'affiche comme un simple P vert...

Si vous êtes sous Firefox : P

jeudi 22 mars 2007

ASP Référencement devient ID Nova

Un petit coup de pub, parce que c'est un fournisseur et que je suis content de ses services : ASP Référencement devient ID Nova, avec un beau site, conforme aux standards et sémantique.

ID Nova, référencement et visibilité sur le web.

Champagne !

lundi 5 février 2007

Greenpeace : attention aux emails html !

Moi aussi j'ai vu les autocollants Its-not-too-late.com dans Grenoble, et je ne nie pas qu'en termes de webmarketing, Greenpeace est à la page. J'avais d'ailleurs laissé mon adresse email sur le site pour qu'ils m'avertissent lors de sa sortie.

J'ai reçu la newsletter d'inauguration vendredi. Voici à quoi elle ressemble :

Extrait de la newsletter de Greenpeace: des balises de code html.
(Vous pouvez voir la version intégrale).

Visiblement, il y a eu une erreur technique, et je n'ai pas reçu d'autre édition depuis...

Ça me rappelle une anecdote : un webmaster qui teste le nouvel outil d'envoi de newsletter que vient de lui livrer sa web-agency. Les 100 ou 200 internautes qui s'y étaient inscrits en avant-première ont reçu la newsletter de test, constitué de quelques articles racontant tous la même chose : Texte à la con - texte à la con - texte à...

Résultat : plus de 20% de désabonnement ! Je ne jette la pierre à personne : j'envoie moi-même une newsletter pour ma société avec un outil qui n'est pas adapté, et c'est le parcours du combattant à chaque fois.

Greenpeace ne me perdra pas comme lecteur pour cette erreur. Mais quand même, faire un coup pareil alors que Pompage.net vient de publier la traduction de Emails html - Dompter la bête, c'est rageant :-)

----------
PS - J'en profite pour vous signaler un autre article de Pompage, sur l'utilisation des standards (XHTML/CSS) dans les emails html : Quand CSS et courriel s'embrassent sous le gui

dimanche 10 décembre 2006

CSS 2, pratique du design web

J'intègre régulièrement des pages en html, et j'ai découvert CSS sur le tas (et sur le tard...) en 2003. CCS 2 - Pratique du design web est le premier livre que je lis sur le sujet. Il m'a permis de clarifier beaucoup de règles avec lesquelles j'étais forcé de composer, mais dont je ne connaissais pas vraiment les définitions.

Pour quelqu'un qui découvre le sujet, c'est LE livre pour s'initier à la mise en page web via CSS. Il faudra évidemment connaître le langage html avant de s'y plonger.

Cette ouvrage ne suffira pas pour apprendre à construire des mises en pages complexes et qui s'affranchissent des bugs des différents navigateurs. En plus d'une pratique régulière de l'intégration, il devra être complété par la lecture d'ouvrages plus complexes, comme Design web : utiliser les standards de Jeffrey Zeldman ou CSS d'Eric Meyer, et de la fréquentation assidue de références comme Alsacréation.com (le site de l'auteur du livre) ou Pompage.net. :-)

En attendant, il constitue la porte d'entrée parfaite vers la séparation du contenu et de la mise en forme, le respect des standards, le code léger et l'accessibilité.