Liens, 3 septembre 2009

CSS, écriture, web mobile et typographie.

Why CSS needs delegation capabilities and not “variables” at Everything In Between

C’est un sujet intéressant qu’il faut lire en entier.

J’ai juste une inquiétude : déclarer d’avance des tailles relatives à d’autres éléments forcerait le navigateur à garder de la place dans son interpréteur pour attendre que les premiers éléments soient calculés avant de pouvoir calculer la taille des éléments qui s’y réfèrent.

Notez bien que je ne suis pas implémenteur de navigateur et que le mécanisme existe peut-être. Ce n’est peut-être au final qu’une explicitation d’un mécanisme qui existe déjà dans l’héritage (puisqu’un élément hérite déjà de propriétés de son parent).

(via Fabien)

Making the Clackity Noise

Une apologie de l’écriture des « petites histoires » sur le web, qui n’est pas sans rappeler la philosophie de Fray, qui est quand même pour une bonne partie responsable de mon intérêt pour le web.

Voilà que me prend une envie compulsive d’écrire (à la lecture de cet article hier soir j’ai écrit quatre madeleines, je dois les laisser mariner un peu avant de juger de leur degré de confidentialité et d’éventuellement les publier).

The Death of the Mobile Website?

Olivier Théreaux présente une statistique intéressante :

Recent diving into the logs for a number of websites I take care of showed some overwhelming trends in sites mainly aimed at the urban creative class : on the mobile version of the sites, up to 98% of the traffic was caused by either indexing robots or browsing devices such as the iPhone. Practically none of the visitors were browsing the site with devices sporting pre-CSS browsers and monochrome screens…

La messe est dite : le web mobile peut décoller. Il ne faut plus s’ennuyer à faire des sites dédiés au mobile, produits en vieux HTML à base de tables (on va réserver ça aux mails en HTML...).

Cela dit, l’adaptation est de rigueur, mais il faut «rendre mobile» (mobilize) plutôt que «miniaturiser» (miniaturize) (c’est toujours Olivier qui donne cette URL, qui vaut la lecture aussi). Autrement dit : puisque les besoins sont différents, autant carrément écrire des applications qui vous servent de majordome et savent où vous êtes (hé oui, le cellulaire sert aussi à ça) et vous poussent l’information.

WAI-ARIA finally added to HTML5

Puisqu’on parle d’applications, et que HTML5 veut être une spécification dédiée autant aux interfaces applicatives qu’à la description de documents, alors parlons de HTML5.

Cet article réexplique les fondements d’ARIA (et un peu d’histoire), et parle de la nouvelle section de la spec HTML5 consacrée à ARIA. Je n’ai pas encore pris le temps de la lire, mais ça va éclaircir certains points (notamment les conflits entre des déclarations HTML et des déclarations ARIA, ou le droit d’utiliser certains types de roles ARIA sur certains éléments HTML).

Six Fonts That Piss People Off

Comme nombre de grands primates habitant près d’une grosse concentration urbaine, nous avons posé le catalogue Ikea dans les toilettes.

Tandis que je vaquais à quelques expériences de consolidation des théories de l’attraction universelle, je feuilletais le catalogue Ikea 2010 et constatai avec stupéfaction que (horreur) ils avait succombé pour leurs titres à la police Verdana.

Je m’en étonne, je m’en agace, même, vu comme depuis dix ans je répète à qui veut l’entendre que Verdana est très bien fait (aliasing au pixel près, etc) pour des polices de 10 ou 12 pixels, mais que ce n’est absolument pas une belle police pour l’impression.

Tout de même un petit peu inquiet par ce qui ressemble à une pathologie de geek de la typographie, me voilà rassuré : je ne suis pas le seul à en être et étonné et mécontent.

Mais vous avouerez qu’il y a des gens qui sont malades de s’obséder sur les polices de caractères, non ?

Commentaires

  • Pierre (3 septembre 2009)

    J’adore les petites histoires. C’est en général ce qui me fait me scotcher sur un blog ou non (même si, pour les blogs, il s’agit plus souvent d’événements très frais et pas de petites madeleines toutes desséchées).

    En tout cas ça rejoint ce que je te disais il y a quelques temps : il faut que tu lises le dernier Beigbeder !

    Répondre à Pierre

  • Stéphane (3 septembre 2009, en réponse à Pierre)

    Ah zut alors, moi qui justement allais me lancer dans une série de madeleines... La vie n’est pas facile...

    Répondre à Stéphane

  • Juju (4 septembre 2009)

    Sur ton commentaire au sujet de la Delegation :
    Je pense que la cascade et la délégation sont complètement différents.

    En effet, avec la cascade, tu sais _avant le rendu_ les propriétés CSS à appliquer.

    Avec la délégation, tu ne le sais qu’après, et potentiellement, on peut avoir besoin de reflow le document plusieurs fois (si un élément a une taille qui dépend de la taille d’un élément placé en-dessous)... Même si c’est possible (ce qui n’est pas sûr, il faut mettre des garde-fous pour pas tomber en boucle infinie, etc...) ça m’a l’air bien compliqué en tout cas 🙂

    Répondre à Juju

  • Stéphane (4 septembre 2009, en réponse à Juju)

    J’ai prévenu que je n’étais pas implémenteur, hein... :)

    J’avais fait cette remarque à Daniel quand on avait parlé de sélecteurs montants en CSS, en évoquant le fait que certaines personnes pensent que ça risque justement de partir en boucle infinie, et il avait dit que si on sait bien coder alors il n’y a pas de risque.

    Pour moi simple mortel, tout ça est effectivement bien compliqué.

    Répondre à Stéphane

  • Pierre (5 septembre 2009, en réponse à Stéphane)

    Ah non mais j’aime bien les petites madeleines desséchées ! On les trempe dans du lait chocolaté et elles regagnent toute leur saveur !

    Répondre à Pierre

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Lien hypertexte

(Si votre message se réfère à un article publié sur le Web, ou à une page fournissant plus d’informations, vous pouvez indiquer ci-après le titre de la page et son adresse.)