共有テンプレートを作る時に気を付ける事(随時追加・自分用)
20100202
- 文字ズーム・ページズームに対するデザイン強度。長い文字列に耐えうるか。可視性保持。
- サポート切れのIE5の為の記述が残っていないか。
- 透過PNGのIE6対応。(JS/透過画像不使用)
- 領域以上のサイズの画像等の挿入時の表示考慮(overflow:hidden;)
- 領域以上のサイズのインラインコンテンツ挿入によるIEでのレイアウト崩れ対応。
(overflow指定ボックスに絶対値width指定) - 文字と背景のコントラスト比・明度差が低くないか。(目視/チェッカー利用)
- Operaの初期最小フォントサイズ指定で意図したデザインを損ねないか。(絶対値)
- IE6での文字ズームは可能か(相対値/個人的に軽視)
- 重要な文字列のHTMLソース内での表示順が低くないか。
- ソース内にゴミが残っていないか。
- 前方互換性の危ういハックを使っていないか。
- 表示速度(可能な限りidで)
- 多言語設定の有無。
ライセンス表記削除問題(素材借用時・自画自賛品質の場合は日本語版のみ公開等で対応等) - 代替フォントの適用状態予想。
- 多言語設定時のフォント振り分け処理(:lang属性かスクリプト)
- MingLiU、PmingLiU、細明體、新細明體、明體、體
- Arial、Helvetica、Chicago、Impact、'Century Gothic'、Georgia、Palatino(Linotype)
- 小塚君、ヒラギノちゃん、MS君、メイリ夫
- 軽量な英字ウェブフォントの使用も考慮。
- メイリオ適用時の斜体部指定(メイリオに斜体は無い)
- 画面サイズ/横スクロールバー出現条件の考慮。
- JS/CSS/画像OFF時の表示の考慮。(全組み合わせ)
- 記事部分・プラグイン表示箇所サイズの考慮
(標準バナー・公式プラグイン・ブログパーツ・埋め込みプレイヤー・埋込み掲示板・Twitter) - 行内の文字数考慮(通常フォントサイズで30文字以下/可変時はmax-widthの最適値を厳選)
- 同日2エントリ以上の場合の考慮。
- 全てのページのデザイン
- インデックス
- アーカイブス
- カテゴリリスト
- 月別リスト
- 日別リスト
- コメント編集ページ
- 検索結果
- ‥まだなんかある。
- 記事に追記が無い場合のパーマリンクへの導線処理。
- 共有プラグインで多用されているタグのスタイルへの考慮。
- コメント/トラックバック不可設定・拍手無し設定の場合の考慮
- HTML-Lint50点以上(valid認定より現実的記述優先)
- input[textarea/text]に対するメイリオ指定時の幅。(必須)
- ナビゲーションボタンのクリック領域のサイズ(padding/display)
- 文字選択時の反転色(背景色op0.6以上指定等で対応)
- hover時のピ○チュー癲癇に注意する。
※初期版投稿日:2009年12月25日
スポンサーサイト