Premières notes sur CSS.
C'était un mardi matin, 7 mai, alors que j'étais assis dans une salle de conférence Ambroise CNIT à Paris, France, et mes pensées ont frappé une technologie web prometteuse appelée «Cascading Style Sheets», il y a 25 ans.
À cette époque, je travaillais depuis un peu plus de deux ans en tant que Webmaster à la Case Western Reserve University et bien que je connaissais la mise en page à l'aide de tableaux, je ne voulais pas utiliser cette approche pour le site principal du campus. Tous ces signes semblaient… faux. Mais encore, je n'avais pas d'options pour abandonner la méthode de mise en page tabulaire. Je m'attendais à quelque chose de mieux, mais je doutais de plus en plus du temps que je pouvais attendre.
Eric Meyer
Après avoir réussi à convaincre l'université de payer mon voyage à Paris pour assister au WWW5 , en partie à cause de l' acceptation de la publication pour présentation, j'étais maintenant assis au W3C, j'ai vu des exemples de CSS fonctionnant dans le navigateur, et c'est juste m'a semblé ... correct. Quand j'ai vu un mot prendre une couleur bleu foncé et une taille de 100 points avec un élément et quelques règles simples, j'ai été fasciné. Je me souviens encore de l'excitation bourdonnante qui m'a saisi la tête alors que je sentais que je voyais un réel changement dans la force du réseau, un grand bond en avant et exactement ce à quoi je m'attendais.
En parcourant mes notes manuscrites (les ordinateurs portables étaient lourds, encombrants, les batteries de faible capacité et chères à l'époque, je ne l'emmenais donc pas avec moi) de conférences que j'ai toujours, je trouve beaucoup de choses qui m'intéressent. HTTP 1.1 et HTML 3.2 ont été annoncés, ou du moins expliqués en détail lors de cette conférence. J'ai pris quelques notes sur le nouvel élément <OBJECT> et j'ai écrit « CENTER is in ! » Ce que j'ai pensé était une expression d'enthousiasme. Oh, être à nouveau si jeune et stupide.
Il y a aussi d'autres détails : l'affirmation selon laquelle « les normes suivront l'innovation » - ce qui, je pense, ne s'est vraiment produit qu'au cours de la dernière décennie environ - et que « Math est passé à ActiveMath », dont le dernier, je l'admets, je suis non j'ai juste oublié, mais je ne m'en souviens pas.
Mes premières impressions sur CSS, incompréhensiblement divisé en deux pages.
Mais j'ai noté que CSS a environ 35 propriétés et que vous pouvez le lier au balisage en utilisant <LINK REL = STYLESHEET>, <STYLE>… </STYLE>, ou <H1 STYLE = "…">. La question est écrite ici - "Fond dégradé?" - que je ne me souviens plus si c'était une note à vérifier plus tard, ou quelque chose qui a été vu comme une opportunité au cours de la conversation. J'ai pris des notes sur les arrière-plans des images, l'espacement du texte, le remplissage (que j'ai réussi à mal orthographier), et plus encore.
À mon insu à l'époque, CSS était encore inutile. Des implémentations sont apparues, bien sûr, mais les démos que j'ai vues ont été choisies de manière très étroite, et la prise en charge du navigateur était au mieux minimale, pour ne pas dire très incohérente. Je n'ai rien découvert de tout cela avant de rentrer à la maison et de commencer à expérimenter la langue. Avec une copie imprimée de la spécification CSS1 à côté de moi, j'ai continué à essayer des choses qui semblaient fonctionner, mais elles n'ont pas fonctionné. Peu importe que j'utilise le géant du marché dominant, qui était Netscape Navigator, ou le patchwork, le nouvel Internet Explorer mineur : très peu de choses semblaient correspondre aux spécifications, et presque rien ne fonctionnait de manière cohérente sur tous les navigateurs.
J'ai donc commencé à créer de petites pages de test, en abordant une propriété par page, avec un test pour chaque valeur (ou type de valeur), dont chacune est une simple déclaration de ce qui doit être affiché avec une copie du CSS utilisé sur la page. Au fil du temps, mon penchant pour l'achèvement m'a fait étendre cette petite suite de tests pour couvrir tout en CSS1, et le perfectionniste en moi s'est efforcé de rendre la navigation plus facile. De cette façon, lorsqu'une nouvelle version du navigateur sortait, je pouvais l'exécuter à travers toute la suite de tests, voir ce qui a changé et le marquer.
Finalement, ces tests ont évolué vers la suite de tests CSS1.et la façon dont il ressemble aujourd'hui est à peu près la même que la façon dont je l'ai fait. Certains tests ont été étendus, révisés et ajoutés, et à la fin, tout a été regroupé dans un cadre de test de base que je pense que quelqu'un d'autre a écrit, mais la plupart des tests - et la conception visuelle globale - étaient mon travail, insensible au daltonisme et tous les autres. Ces tests m'ont essentiellement amené au groupe de travail en tant qu'expert invité à leur époque.
Cependant, avant que cela ne se produise, avec tous ces tests, j'ai pu compiler les informations CSS de support du navigateur dans un grand tableau à code couleur que j'ai publié sur le site Web du CWRU (rappelez-vous, j'étais un webmaster) et mis à la disposition de tout le monde. Les données d'assistance ont été stockées dans une grande base de données FileMaker Pro avec des champs déroulants personnalisés pour saisir les valeurs Y / N / P / B et de nombreux champs pour saisir des extraits de modèle afin que je puisse exporter au format HTML. Ce tableau de support a finalement fait son chemin dans la version ultérieure de Web Review, où il est devenu connu sous le nom de « Mastergrid » - un terme que je trouve drôle rétrospectivement parce que la disposition de la grille était encore deux décennies dans le futur, et elle était de toute façon simple, grande et table de données très stylée. Parce que les tableaux ne me dérangeaient pas pour les données tabulaires. Je n'ai tout simplement pas aimé l'idée de les utiliser exclusivement pour la mise en page.
Vous pouvez voir l'une des versions ultérieures de la Mastergrid sur la Wayback Machine, avec son balisage fortement classifié mais toujours charmant et maladroit. Mon travail de soutien à Mastergrid et les articles que j'ai écrits pour Web Review m'ont conduit à mon premier livre pour O'Reilly (actuellement en quatrième édition ), ce qui m'a amené à être invité à écrire d' autres livres et à prendre la parole lors de conférences . devenir co-fondateur de la conférence ... et ainsi de suite.
Et tout a commencé il y a 25 ans au mois de mai, dans une salle de conférence à Paris le 7 mai 1996. C'était un voyage. Maintenant, dans la seconde moitié de ma vie, je me demande à quoi ressemblera le CSS et à quoi ressemblera Internet dans 25 ans.