Web [en]

I’m struggling with a two-column css layout. You can’t see it now, because the site is preparing for launch and we don’t want to ruin our “surprise” effect ; ).
I’m not doing too bad. I’ve got my columns, it’s sufficiently liquid, but there is one problem. The narrow, “navigation” margin is supposed to be a coloured strip descending to the bottom of the page. And as things are now, the coloured strip simply stretches to accomodate the text that it contains.

Clear as mud – I know. Drop me a line if you are inspired.

Similar Posts:

CSS Bookmarks [en]

As I’m on travel, here are a few bookmarks.

I’ll be having a serious go at it when I get home!

Similar Posts:

Whizzy-Wigs [en]

For those of you who are interested in the wysiwyg-handcoding debate, there is a pertinent article up at ALA: Back to Basics. There is also some very interesting conversation going on in the related forum.

Similar Posts:

Editeurs WYSIWYG [en]

Je vous le dis, A List Apart nous gâte!

Mais cette fois, c’est l’article sur les éditeurs wysiwyg qui fait écho à  Karl et Pascale – à  croire que certains ici ont des antennes!

Ben Henick déplore entre autres la perte de compétences liées à  l’utilisation d’outils wysiwyg. En effet, ceux-ci ont leurs limites, et les développeurs ont tendance à  confondre les limites de l’outil avec les limites des langages (HTML, CSS, JavaScript) utilisés pour coder les pages.

Il relève également le fait que le balisage produit est non-standard, et explique qu’à  un certain point, c’est une limitation indépassable et inhérente au principe du wysiwyg. Comme le dit Karl en effet, un bon balisage doit refléter la structure sémantique du document.

Cependant, les outils wysiwyg travaillent sur l’apparence – et ils ne peuvent pas deviner nos intentions. Si je mets une ligne de texte en gras, est-ce parce qu’il s’agit d’un titre, ou bien est-ce simplement la mise en évidence de texte important? Pour l’éditeur wysiwyg et l’être humain, cela n’a probablement pas grande importance. Mais pour l’ordinateur qui est chargé d’indexer la page ou d’y rechercher une information, cela peut devenir une nuance cruciale.

Si vous lisez l’anglais, voici mon petit coup de gueule contre les éditeurs wysiwyg à  vous mettre sous la dent. Bon appétit!

Similar Posts:

Francophonie Online II [en]

Je termine mon excursion en francophonie sur une note un peu plus optimiste: allez faire un tour sur le site de l’Ecole de la Montée.

Le design est propre (le code aussi, croyez-moi, je suis une accro du “view source”), et le travail avec les enfants est extrêmement bien mis en valeur. Le contenu pédagogique expliquant et accompagnant les différents “ateliers” est éclairant.

Cela vaut la visite, même si vous n’avez pas beaucoup de liens avec l’enseignement!

Similar Posts:

Poor French Web [en]

So I’ve just spent the last few hours running around the French-speaking web to hunt down some nice design sites… or worthwhile webmaster resources (I hate reinventing the wheel, you know, so before I start writing it all myself…)

Well I tell you… it’s depressing. Five years behind at the least. But even so… Five years ago, there was David Siegel.

Most of the french-speaking professionnal web designer’s sites I have found look more like some high-school kid’s first shot at it on tripod or xoom. And then, that’s not nice of me to say that for the high-school kids.

If you know of any well-designed French-speaking site, please leave a comment to let me know! I’ll be very happy to find it…

Similar Posts:

HTML Tutorial [en]

What wouldn’t I do for you, you lucky brats! I stayed up wayyy past my bedtime to finish my HTML Express tutorial. To be perfectly honest, I haven’t quite finished it (the part on tables has still to be written). But I was starting to be impatient about getting it up.

Oh, and a little rant on WYSIWYG editors. Please consume with a pinch of salt.

Similar Posts:

First Web Peeves [en]

OK, so I’m developping a new set of pet peeves.

  • coloured scroll-bars
  • “rate me” boxes
  • chunk after chunk of IM (or IRC, or ICQ) conversations
  • “see this” or “go here” links
  • all-centered body text

Phew! enough for now.

Similar Posts:

Coding Section Open [en]

Much earlier than expected, here is the coding section.
The HTML tutorial isn’t ready though – expect it sometime.

Similar Posts:

House of Style [en]