CSS に関する最初のメモ。
5 月 7 日火曜日の朝、私がフランスのパリにあるアンブロワーズCNIT の会議室に座っていたとき 、25 年前の「Cascading Style Sheets」という有望な Web テクノロジーに思いを馳せました。
当時、私はケース ウェスタン リザーブ大学でWeb マスターとして 2 年強働いていました。 テーブルを使用したレイアウトについては知っていましたが、メイン キャンパス サイトにこのアプローチを使用したくはありませんでした。これらの兆候はすべて...間違っているように見えました。それでも、表形式のレイアウト方法を放棄する選択肢はありませんでした。もっと良いものを期待していたのですが、どれだけ長く待てるかという疑問がますます強まりました。
Eric Meyer
大学に、WWW5に参加するためのパリ旅行の費用を支払うよう説得することに成功しました。これは 、 出版物が発表用に受け入れられたこともあり、 W3C に座って いて、ブラウザで動作する CSS の例を見ました。私には...正しいように見えました。 1 つの単語が深い青色で、100 ポイントのサイズに 1 つの要素といくつかの簡単なルールがあるのを見たとき、私は魅了されました。ネットワークの強さの本当の変化、大きな飛躍、そしてまさに私が期待していたものを見たと感じたとき、私の頭を掴んだわくわくした興奮を今でも覚えています。
今でも手元にある会議室の手書きのメモ（ノートパソコンは重くてかさばって容量が少なくてバッテリーも高価で、当時は高価だったので持ち歩きませんでした）に目を通すと、気になることがたくさんあります。 HTTP 1.1 と HTML 3.2 が発表されたか、少なくともこのカンファレンスで詳細に説明されました。新しい <OBJECT> 要素についていくつかメモを取り、「CENTER is in !」と書き ました。これは熱意の表れだと思いました。ああ、またあんなに若くて愚かになるなんて。
他にもちょっとした情報があります.「標準は技術革新に従う」という主張 - これは本当にここ 10 年かそこらで起こったことだと思います - そして「Math は ActiveMath に移行しました」という主張です.忘れただけではなく、思い出せないだけです。
CSS の第一印象は、理解できないほど 2 ページに分かれています。
しかし、CSS には約 35 のプロパティがあり、<LINK REL = STYLESHEET>、<STYLE>… </STYLE>、または <H1 STYLE = "…"> を使用してマークアップにリンクできることを記録しました。質問はここに書かれています - 「グラデーションの背景？」 - 後で確認するためのメモだったのか、それとも会話中にチャンスと見なされた何かだったのか、もはや思い出せない。画像の背景、テキストの間隔、パディング (スペルを間違えた) などについてメモを取りました。
当時の私には知らなかったが、CSS はまだ役に立たなかった。もちろん、実装は表示されましたが、私が見たデモは非常に限られたものであり、ブラウザのサポートはせいぜい最小限であり、言うまでもなく非常に一貫性がありませんでした。家に帰って言語の実験を始めるまで、私はこれを発見しませんでした。印刷された CSS1 仕様のコピーを手元に置いて、うまくいきそうなものを試してみましたが、うまくいきませんでした。 Netscape Navigator のような支配的な市場の巨人を使用したか、それともパッチワークでマイナーな新しい Internet Explorer を使用したかは問題ではありませんでした。仕様に適合するものはほとんどなく、すべてのブラウザーで一貫して機能するものはほとんどありませんでした。
そこで、ページごとに 1 つのプロパティに取り組み、値 (または値のタイプ) ごとに 1 つのテストを行う小さなテスト ページの作成を開始しました。各テストは、ページで使用されている CSS のコピーと一緒に表示する必要があるものの簡単なステートメントです。時間が経つにつれて、完成したいという欲求により、この小さなテスト スイートを CSS1 のすべてをカバーするように拡張し、完璧主義者はナビゲーションを簡単にする努力をしました。そうすれば、ブラウザーの新しいバージョンがリリースされたときに、一連のテスト全体を実行して、変更点を確認し、マークを付けることができます。
最終的に、これらのテストはCSS1 テスト スイートに発展しました 。そして、今日の見た目は、私が作った方法とほとんど同じです。いくつかのテストは拡張、修正、追加され、最終的には他の誰かが書いたと思う基本的なテスト フレームワークにすべてバンドルされましたが、テストのほとんど (および全体的な視覚的デザイン) は私の仕事であり、色覚異常や色覚異常の影響を受けませんでした。他のみんな。これらのテストにより、私は当時、招待された専門家としてワーキング グループに参加しました。
しかし、そうなる前に、これらすべてのテストで、ブラウザー サポート CSS 情報を大きな色分けされたテーブルにコンパイルし、CWRU の Web サイト (覚えておいてください、私は Web マスターでした) に投稿し、すべての人が利用できるようにすることができました。サポート データは大規模なデータベースに保存されていました Y / N / P / B 値を入力するためのカスタム ドロップダウン フィールドと、HTML にエクスポートできるようにテンプレート スニペットを入力するための多くのフィールドを備えたFileMaker Pro。このサポート チャートは、最終的に Web Review の後のバージョンに組み込まれ、「マスターグリッド」として知られるようになりました。グリッド レイアウトはまだ 20 年先のことであり、とにかくシンプルで、大きくてシンプルだったので、「マスターグリッド」として知られるようになりました。高度にスタイル設定されたデータ テーブル。表形式のデータの表を気にしなかったからです。それらをレイアウト専用に使用するという考えが気に入らなかっただけです。
Wayback Machine で Mastergrid の新しいバージョンの1 つを見ることができます 。このマークアップはかなり機密扱いされていますが、依然として魅力的に厄介なマークアップです。 Mastergrid をサポートする仕事と Web Review に書いた記事がきっかけで、O'Reilly の最初の本 (現在は第 4 版) に出会い、 他の本を書いたり、カンファレンスで 講演したりするよう求められました 。カンファレンスの共同創設者になること ... などなど。
そして、それはすべて 25 年前の 5 月、1996 年 5 月 7 日、パリの会議室で始まりました。それは旅でした。さて、人生の後半、CSSはどうなっているのか、25年後のインターネット自体はどうなっているのだろうと思っています。