Design sans tableaux: C'est pas encore ça!

Mon précédent post sur le sujet a reçu un certain traffic dont beaucoup de visiteurs parlant plutôt l'anglais. (Merci à Erik!)

Du coup je me suis dit que j'allais écrire un article entier en anglais cette fois: Tableless Design: Not ready for prime time!. L'objectif de cet article est de montrer un exemple de pourquoi la mise en page HTML sans tableaux n'est pas encore vraiment prête pour être utilisée dans tous les cas de figure, contrairement à ce qu'en pensent un nombre grandissant de personnes... Read more!

Référencement des sites web

On me pose souvent la question de savoir comment référencer efficacement un site web! Si la méthode "do it yourself" mériterait effectivement un long développement, le choix du professionnel qui le fera pour vous est en fait relativement aisé, surtout - et paradoxalement - pour le néophyte! ;)


Il suffit de s'y prendre de la plus mauvaise manière qui soit pour chercher un prestataire de référencement sur le web. Ceux que vous trouverez en premier sont sans doute les meilleurs! :lol:

Valid XHTML...

Je pense que l'on sous-estime systématiquement la rigueur nécessaire à la production de code XHTML valide... nos browsers sont TELLEMENT permissifs! :'(


Personnellement je m'en suis rendu compte en collant ce petit logo en bas de chacune de mes pages:
Valid XHTML 1.0!


On a si vite oublié un caractère accentué par ici ou un & par là... voire un / en fin de balide IMG... Le bouton sur chaque page aide à les vérifier... mais je dois avouer que je n'ai pas eu le courage de les faire vraiment toutes... :-/


Ceci dit, ma plus grosse perte de temps a été d'essayer de rendre valide les pages de blog, lesquelles contiennent des tags RDF permettant théoriquement aux clients de découvrir automatiquement l'adresse de trackback. Pas moyen de les faire accepter au validateur. Ca s'est fini entre commentaires HTML... comme préconisé par Movable Type...



PS: ah oui, à voir aussi: la méthode b2 pour rendre le RDF valide: si HTTP_USER_AGENT contient 'W3C_Validator' alors on n'envoie pas le RDF... PFOUAH! 8|

Ma meilleure raison de ne PAS acheter de PDA!

Celà fait plusieurs années que je ne jure que par mon Palm V pour me servir d'agenda, de répertoire, de liste de courses, de bloc notes et de quelques autres gadgets encore...


Celà fait plusieurs années aussi que je me retiens d'acheter un PDA plus rapide et en couleurs... mais ce n'est qu'aujourd'hui que commencent à apparaitre des PDA vraiment équipés comme je le souhaite: lecteur mp3 performant, Bluetooth ET port infrarouge suffisament puissant pour servir de télécommande programmable.


Maintenant pourquoi je n'achète toujours pas: parce que le système de saisie - stylet sur dalle tactile - n'a pas évolué. Je n'ai rien contre le stylet - c'est bien pratique - mais alors la dalle tactile... :(


En effet, après un an d'utilisation, il est constamment nécessaire de recalibrer ce que palm appelle le "numériseur" ("digitizer"), c'est-à-dire de recalibrer le stylet afin qu'il pointe à l'endroit voulu sur l'écran. Au moins une fois par jour en fait! :( Et ce n'est pas une panne, c'est de l'usure "normale". :( Je le sais parce que j'en suis à mon deuxième Palm V (que j'ai obtenu en remplacement du précédent + $100 après avoir brisé l'écran). La courbe d'usure a été rigoureusement la même! :(


En réalité, je pense que celà est dû à l'usure des batteries (pourtant des Lithium-ion sur le Palm V): plus elles vieillissent, plus elles chutent rapidement en tension. Celà n'empêche pas l'appareil de fonctionner mais dérègle visiblement plus vite la dalle tactile.


Je peux difficilement envisager de changer de batterie aussi souvent, d'autant plus qu'il s'agissait jusque là d'un usage modéré: une batterie de PDA couleur et utilisé intensivement (lecteur mp3) aura une durée de vie beaucoup plus faible en ce qui concerne sa tenue en tension. Probablement quelques mois tout au plus!


J'en arrive donc à me dire qu'à défaut de voir apparaitre des stylets plus fiables (électromagnétiques comme sur les Tablet PC?) il me faut un appareil prévu pour être utilisé avec une interface purement mécanique type Jog-Dial... Ironiquement, les PDA actuels commencent à intégrer massivement ce type d'interface... mais toutes les applications ne peuvent pas encore être utilisées exclusivement sans le stylet... (bien sûr je ne demande pas à pouvoir écrire sans stylet! :) )


Vais-je finir par acheter un smartphone? :(

Tableless design

Vous avez peut être remarqué que les entêtes de pages et la navigation de ce site ont très légèrement changé... c'est le résultat de longues contorsions CSS pour supprimer tous les tableaux inutiles de ce site! (C'est à la mode! :P )

En fait, c'était plus un exercice de style qu'une réelle conviction que les tableaux doivent être définitivement bannis comme technique de mise en page HTML. Enfin plus précisément: oui IDEALEMENT il ne faudrait pas utiliser de tableaux à de seules fins de mise en page et tout faire en CSS, mais je pense que les implémentations actuelles de CSS dans les navigateurs les plus courants sont insuffisantes pour obtenir les résultats voulus. Alors certes, j'y suis (à peu près) arrivé mais ce fut beaucoup plus compliqué qu'avec des tableaux. On ne peut pas espérer, dans ces conditions, que la majorité des webdesigners se mette "à la page"!

PS pour les mordus: Je voulais que mes "rollovers" de navigation aient tous la même largeur. C'est ça qui complique tout (voir code source...) Si je m'étais contenté d'une largeur proportionnelle au texte celà aurait été enfantin (Je ne comprends d'ailleurs pas pourquoi Mark à fait tout un foin de ses onglets -- proportionnels évidemment! :>> ). Par ailleurs, je voulais que le tout soit redimensionnable en fonction de la taille de police choisie par l'utilisateur (et même sous IE). Finalement, il me reste un problème: du contenu invisible à droite de la boite de titre de la page. C'est gênant (enfin, je pinaille...), car il fait apparaitre un ascenseur en bas de page avant l'heure lorsque l'on réduit la largeur de la fenêtre! Si vous savez faire disparaitre ça (sans provoquer de retour à la ligne du titre dans certains browsers), vous êtes probablement un Dieu vivant du CSS pratique! :D