web制作の参考になるサイト紹介

「IE6と他のブラウザで微妙に表示が違うよー」、「（隣接兄弟セレクタを指して）あなたの書くCSSはバグがあるよー」などのご指摘やご質問を時折受けます。テンプレート屋ならみな通る道、らしいです。

ブラウザごとにCSSの実装度は違いますし、各種セレクタはバグでもハックでもありません。…といちいち返信するのも面倒なので、利用規約に「webサイト制作や技術系の質問禁止。対応するのはこちらの記述ミスのみ」と書いているのですが、それでもたまにツッコミがきます。

初歩的な質問に応えているとこちらの身が持たないので、web制作の参考になるサイトを紹介します。後でテンプレート配布ページからこの記事にリンクします。これで質問が減ることを願いつつ。

勉強するなら書籍をじっくり読んだ方がいいと思うのですが、webにある方がとっつきやすいと思うので、ここで紹介するのはサイトのみです。「仕様書読め」もハードルが高いので言いません。

配布テンプレートについて

その前にうちのテンプレートについて少し説明しておきます。

HTML 4.01 Transitionalなテンプレート及びスキン: CSS着せ替えテンプレートプロジェクト／Kash+／PatiPati／小説用テンプレート（オリジナル）
XHTML 1.0 Transitionalなテンプレート及びスキン: Serene Bach／Web Clap／サイト用テンプレート（オリジナル）
オリジナルテンプレートについて　※重要: divタグ未使用。bodyタグ直下に見出し、本文、ナビゲーションという文書構造で、@media規則はscreenのみ記述しているので、携帯電話からの閲覧にも優しい（多分）。サイト用テンプレートはXML宣言があり（IE6では後方互換モードになる）なので、基本的にIE6と他のモダンブラウザと表示が違う。前者でも不自然に見えないよう最低限体裁を整えているつもり。
表示確認: Internet Explorer6.0,7.0,最新版／Opera最新版／Firefox最新版／Safari最新版
とりあえずメジャー四種は基本。気が向いたらSeaMonkey、Flock、Navigatorなどからも見ています。Another HTML-lintやCSS Validation Serviceの各種文法チェッカも利用中。

カスタマイズせずに使う分には、モダンブラウザにおいて極端な表示崩れはないと思います。しかしサイト用テンプレートは、知識がない方はCSSをいじらない方が無難です。IE6で不都合が出やすいです。以上。

URI

http://az-store.nrym.org/note/2008/07/22/23

日付

2008年7月22日

最終更新日

2008年12月22日

カテゴリー

前の記事

≪ 「とっつきやすさ」は大切

次の記事

≫ Opera 2.12

カテゴリー

月別アーカイブ

ブログ内検索