Juillet 2002

19/07/02

[-] entrez dans la Lumière

C'est par une entrée de CJ (encore) que j'avais connu son travail. Difficile au premier abord d'imaginer un artiste en pleine éclosion derrière cet homme chétif. A l'époque (début 2001 je crois), Noah souffrait encore d'agoraphobie, vivait à l'écart du monde avec sa mère, et trouvait en Teddy Bear son compagnon le plus réconfortant. Pour lutter contre la dépression, il s'était lancé dans la programmation d'un super guestbook, qui a fini par devenir Greymatter, un des premiers outils de weblogging disponible gratuitement.

Aujourd'hui, Noah a des tas d'amis à travers le monde. Il a déménagé en Californie, est reparti pour affronter le monde avec son sourire enfantin. Voilà, Internet ça sert aussi à ça. Noah, where ever you live, thank you.

- interview de NG par waferbaby (2001).

  tehu - 09:49 - p79141262

17/07/02

[-] Comment ouvrir une fenêtre (en javascript)

Plutôt que d'utiliser un pseudo-lien du style

<a href="javascript:maFonction()">

il existe une syntaxe plus cool :

<a href="page.html" target="maFenetre" onClick="window.open(this.href, this.target, 'parametres;'); return false;" title="ouvre dans une nouvelle fenêtre">Action !</a>

Avantages :

  • Le nom de la page apparait en clair dans la barre d'état.
  • Si le javascript est off : la nouvelle fenêtre est ouverte suivant les attributs href et target.
  • Si le javascript est on : l'attribut onClick est d'abord exécuté et évalué. La fenêtre est ouverte et dimensionnée avec les valeurs des attributs href et target. Le return false invalide ensuite le lien href, ce qui évite le deuxième appel de la même page.

Sources :

- Links & JavaScript Living Together in Harmony : evolt.org
- dive into mark : 30 days to a more accessible weblog : Because 11% of Internet users don't use Javascript for one reason or another, including many disabled users whose browsers simply don't support it. These pseudo-links won't work for them; use real links instead. (Day 13)

Même si vous n'êtes pas sensibilisé au développement HTML, je vous conseille de lire les 5 premiers jours qui ont initié la série de Dive into Accessibility.

PS (08/2003) : Exemple supprimé. Cette page est depuis passée en HTML4 Strict, où l'attribut target n'est pas autorisé :-)

  tehu - 12:27 - p79037428

15/07/02

[-] Fait à la main

Il s'ouvre tellement de blogs en ce moment (in france cela s'entend), il est difficile parfois de retrouver ses marques. A force de voir les mêmes templates, je manque de repères visuels. D'où des efforts pas toujours couronnés pour retrouver des pistes. Des questions du style :

- mais où ai-je vu l'URL de Pikul ? Ah vi chez Nacara - c'est fermé -.
- je cherche le nom et l'adresse du site (fond jaune) - il y a une main tatouée au henné dessus - zut zut zut.

Je suis un peu déçu lorsque par exemple une diariste (Aria) abandonne son journal prometteur en couleur (Milk and Wine) pour un blog N/B plutôt spartiate (le Pont). Alors je ne lis que quelques bribes, je reviendrai plus tard.

Et c'est pas plus mal de retomber sur des sites amoureusement tricotés, faits à la main avec Dreamweaver :). Memento d'Isabelle par exemple est revenu sur le devant de la scène. J'ai toujours apprécié les différentes moutures de memento par le passé, prouvant qu'elle avait un gôut très sûr en matière de pagination. La version actuelle a un petit défaut je trouve : beaucoup de fenêtres ouvertes.

Notez que la fille (Isabelle) écrit au style indirect. Pas évident à maitriser dans un journal : à moins d'avoir un ego déplacé (syndrome Alain Delon), il faut bien vérifier ses effets et soigner son humour. (Vani aussi écrit au style indirect. Mais elle va me répondre que c'est parce qu'elle écrit pour deux.)

- Insider : Cunégonde Watson, jamais avare d'une confidence, m'a affirmé que la Lisa du cahier blanc et Isabelle de Memento seraient kif-kif du pareil au même - la même personne ? - OMG!

- Avant que j'oublie : de l'eau, de l'air, la vie. Et Pikul aussi :). Heureusement qu'on m'aide.

  tehu - 21:06 - p78984201

14/07/02

[-] nouveau layout

A base de positionnement CSS, dit "sans table". C'est devenu plutôt banal aujourd'hui. J'ai tatonné un peu pour aligner correctement le coin arrondi du menu. Enfin c'est surtout IE5.0 qui était récalcitrant. Mais il s'est rendu à mes arguments. Si quelqu'un a un Mac, peut-il me confirmer que tout s'affiche bien à l'écran ?

Si vous ne voyez pas d'image en fond d'écran, vous devez avoir à la place une phrase d'avertissement : «Cette page est plus jolie avec un navigateur récent sachant correctement interpréter les feuilles de style». J'ai quand même réussi à garder l'aspect Netscape 4 friendly grâce à un CSS hack qui cache à NN4 certaines portions d'une feuille de style. C'est mon dernier geste de bienfaisance envers un navigateur qui rejoindra bientôt le cimetière des éléphants. Maintenant que Mozilla et NN6 (bientôt NN7) sont là, on va pouvoir se permettre plus de choses.

Il y a aussi le problème des tailles de fontes standards (x-small, small medium, ...) en CSS. Elles sont mal interprétées sur les vieux navigateurs. (voir l'article d'alistapart à ce sujet). Je considère que ce n'est pas très gênant pour une page de texte comme lc-d. Je changerais peut-être d'avis un de ces jours.

Merci à Melle G. pour sa participation et ses screenshots :).

  tehu - 23:07 - p78945502

haut de page | première page | index des archives | lc-d rév.2 / tehu | 0.059

Cette page est plus jolie avec un navigateur récent sachant correctement interpréter les feuilles de style.