質問 1
Russ: あなたの新しい本『Cascading Style Sheets: The Definitive Guide』の第 2 版が書かれたばかりです。この本の詳細に入る前に聞きたいのですが、あなたは何冊の本を出版していますか?私の地元の図書館にはあなたの本専用のカテゴリーがあると誓います。
エリック: いいえ、いいえ、それらはすべてモリー・ホルツシュラークの本で、私は単なる補助的なものでした。私はこれまでに 5 冊の本を書きましたが、そのうちの 1 冊は要約版で、本として認められるかどうかはわからないと思います (妻はそう主張しています)。 1 冊目は「The Definitive Guide to CSS」です。この第 2 版を単独のバージョンと考えると、6 冊の本を持っています。個人的には、この第 2 版は新書 1 冊分の作業量に相当するため、一冊の本とみなされると考えています。
質問2
Russ: 新しい決定版ガイドでは、初版と比べてどのような内容が追加または更新されていますか?
エリック: ほぼすべてが更新されました。変更する必要がないのは、最初の章とフォントに関する章だけで、残りの内容はほとんどまたは完全に更新されています。オリジナルの章配置を完全に解体し、テキスト状態で再配置しています。たとえば、初版には「視覚的な書式設定に浮動している」章と「独自の位置設定」という章がありましたが、新版ではそれらを 1 つの章に統合し、書式設定のほとんどの章を書き直しました。同様に、「リストについての豆知識」は元の章に移動され、多くのコンテンツが追加されました。テーブル レイアウト、ユーザー インターフェイス スタイル、および非画面メディアの 3 つの章はまったく新しいものです。
質問 3
Russ: あなたの「Eric Meyer on CSS」にも新しいバージョンがあるという噂を聞きましたが、新しいバージョンではいくつのデザインメソッドが提供されますか?
エリック: その噂は本当だよ。私たちはこれを、「クリエイティブな天才の目もくらむような閃きで、『More Eric Meyer on CSS』」と名付けました。最初のバージョンと比べていくつかの改善点がありますが、それほど大きな改善はありません。何が言いたいかというと、この 2 冊には前後の関係はありません。第 2 版を読むために初版を読む必要はありません（両方持っていても）。初版を読んだ人は最初の設計手法を思い出すことができます。テーブル駆動レイアウトを単純なテーブルと CSS に変換する方法。新しい本では、最初のデザイン方法として、HTML ロゴと空の GIF のみでデザインされた該当ページを、テーブル レイアウトを置き換える純粋な CSS を使用するページに変換します。
同様に、フォト ギャラリー スタイルを表示する複数の方法、表形式データを使用してきれいな財務レポートを実現する方法、背景レイアウトを使用して IE/Win 中間を含む複数のブラウザで半透明効果を実現する方法など、多くのデザイン方法があります。
リストのネストやリストを「ドロップダウン」メニューに変換する方法など、3 レベルのリストを表示するための設計方法があり、Doug Bowman の Sliding Doors (スライディング ドア) と同じように、ほとんどのブラウザ (IE/Win を含む) で動作します。ドア）テクノロジーも同様に優れています。
上記に加えて、ウェブログのエントリ スタイルの問題を解決するための組み合わせた方法もあります。この本の最後の方法は、CSS Zen Garden (Dave によって作成) からランダムなデザインを取得し、CSS に実装することです。基本的に、Dave は Photoshop デザイン ファイルを私に渡し、私はそれを必要な部分に切り取り、CSS で機能させるようにします。こうすることで、デザインから最終コードまでのプロセス全体を確認できます。 IE/win で見苦しくならない PNG 画像の使用も検討しました。
質問4
Russ: 2 年前、CSS はほとんど議論されませんでしたが、今ではどこでも話題になっているようです。あなたはそれを主流の意識に変えることに貢献したと思いますか?
エリック：それは本当に自然なことだよ。まず、IE6 は DOCTYPE スイッチのサポートを開始し、その後、IE の新しいバージョンをリリースしないと発表し、安定感を皆に与えました。第二に、十分なデザイナーは本やチュートリアルを読んだり、自分のサイトで CSS を試したりするのに十分な時間を持っています。これに関連して、数多くの優れたデザイン サイトが登場しました。第三に、デザインの技術が進歩するにつれて、デザインの天才的才能を持ち、CSS の利点を真に理解した Web デザイナー (ダグ ボウマン、デイブ シェア、ジェフリー ゼルドマンなど) が物事を前進させたからだと思います。 Wired マガジン Web サイト、CSS Zen Garden、その他のサイトの再デザインでは、機能するだけでなく、見た目も美しく素晴らしい CSS 主導のデザインが紹介され始めました。
実践的でわかりやすいリソース (Listutorial や Floatutorial など) の数も増えており、重要な役割を果たしています。
質問 5 Russ: Web 標準に触れ、使用し始めたばかりのデザイナーや開発者にとって、CSS のどの側面が最も重要ですか?
エリック：一番大事なことは？カスケードの部分と言わなければなりません。カスケードだけでなく、継承、特異性、セレクターの構築も一度理解すれば、あとは細かい作業だけです。
次に、ブロックやインラインなどの視覚効果をしっかり理解することも重要だと思います。デザインがどのようになるかを知っていれば、多くの悩み (CSS が期待どおりに動作しないなど) を回避できます。多くの言語と同様、CSS にもルールがあり、それを無視すると必ず混乱が生じます。
質問6
Russ: 過去 12 か月の間に、画像置換テクノロジーが導入されました。全体的にはどんな感じですか？それを使用しなければならない場合、どのモデルを使用しますか?
Eric: 私は CSS3 のアプローチを好みます。つまり、コンテンツを「content」プロパティに置き換えます。これは可能な限り軽量であり、ハッキング的ではありません。現在、イメージの置換をサポートしているのは Opera のみであるため、これは現在のサポートが低い状況での方法でもあります。
さらに、画像置換技術には長所と短所の両方があることがわかりました。長所は、一部のテキストが美しく見えることですが、短所は、オーディオ リーダーにとって使いやすさに問題が生じることです。率直に言って、本当の問題は読者自身にあります。彼らは実際のページと読み取り結果を表示しようとしていますが、まったく間違ったことをしています。ページが画面メディア スタイルに設定されている場合、ほとんどのブラウザが修復されない限り、ブラウザはそれらのスタイルを完全に無視します。
質問7
Russ: 「フォント サイズ」について言及するだけで、フォント純粋主義者と Web デザイナーの間の戦争である CSS 論争が勃発するようです。すべてのユーザーにとって有効なソリューションはあると思いますか?
エリック: いいえ、別の方法があればいいのですが、そうではありません。フォントを設定する各方法には長所と短所があります。できる限りの最善の方法は、以前は最適で、今後も変更される可能性が最も低い方法を見つけることです。これは、継続的な設計ごとのプロセスで行う必要があります。デザイナーの目標は、テキスト フォントをピクセル単位で制御して最高のパフォーマンスを達成することですが、em またはキーワード (x-small など) を使用するとより良い結果が得られます。すべてのサイトに適合するフォント サイズを定義する方法があると誰かが言うときはいつでも、それは単に原則を教えているだけで、解決策を教えているわけではありません。
質問8
Russ: CSS ハックについて、常に物議を醸している質問があります。
Eric: いつか、私たちのブラウザが CSS を完全にサポートして実行できるようになるのは避けられません。そのとき、CSS ハッキングは止まります。それまではそれを貫きます。指摘しておきますが、これは CSS であろうと、Microsoft の条件付きコメントのようなものであろうと、すべてのハッキングを意味します。
質問9
Russ: ブラウザ市場が CSS3 に対応する準備が整ったら、新しい時代に突入すると思いますか。Microsoft の Longhorn オペレーティング システムのタイムラインを思い出してください。
エリック：そう思います。ただし、この声明によると、CSS2 ビジュアル メディア (visual-medium) の完全なサポートは、2003 年にはすでに完了しているようです。私の予言の記録は常に他の人よりも悪く、長期的な計画には適していない可能性があります。
質問10
Russ: 最後の質問ですが、ますます多くの Web デザイナーが CSS2 の流行に参加していますが、CSS3 の複雑さが CSS3 の魅力を低下させると思いますか、あるいは、CSS を恐れる一部のデザイナーは CSS を完全に放棄することになると思いますか。
Eric: それはさらに悪いことです。ほとんどの Web デザイナーは、CSS2 の本質を真に理解せずに、CSS2 の一部だけを学習しています。
CSS1 の「複雑さ」に怯えているデザイナーが (知識に比べて) いるかのように、あらゆることが起こる可能性があります。
CSS3 の良い点は、モジュールに分割・統合されているので、気にしない部分は無視して、知りたい部分に集中できることです。印刷スタイルについて詳しく知りたい場合は、印刷モジュールを読んで学習してください。国際化に関心がある場合は、I18N モジュールを見つけます。誰もが知っておく必要がある部分 (セレクターやカスケードなど) がいくつかありますが、興味とともに膨大な仕様書を読み進める必要があります。