ADP: ウェブデザイン／CSS

2009年01月01日更新

Alternative Design Project（ADP）のWeb関連（ウェブデザイン／CSS）情報を、初出の日付に捉われずにまとめました。日付順は、Web Designアーカイブ、Web Konetaアーカイブをご覧ください。

基本Tips

• CSS利用のメリットについて概説
• ブラウザで見た目を調整するための最初のお約束
• ［定番］floatレイアウトでつまづかないためのTips：崩れないfloatレイアウトのための鉄則。
• ［実用］フォームにCSS 2007：ブラウザ間の差異をなくすフォーム用CSS。
• ［実用］印刷用CSSの書き方（基本編）：印刷結果もCSSで制御しよう。
• ADPでのCSSロールオーバー：画像表示offでもテキストが消えない。
• 背景画像でタイトル
• faviconにこだわる
• 携帯対応も考えた画像表示
• 左端をそろえるネタ
• 本文のフォントサイズとカラー
• メイリオを指定に加えるタイミング
• 角を丸くしたいネタ (1)
• 角を丸くしたいネタ (2)
• JIS X8341-3（ウェブコンテンツJIS）徹底攻略

バグや挙動の違いを確認

• ［定番］IE6のwidth解釈バグ対処法：widthとpadding/borderを一緒に指定しない！
• ピクセル単位で合わせるところではborderを使わない（IE7でも！）：borderまわりは非常に厄介。
• フロートとマージン：先にfloat:leftをしたボックスのmargin-leftは指定しない。
• マージンの相殺と背景：縦方向のmarginの解釈がぐちゃぐちゃ。
• 「そこが知りたいInternet Explorer 7」の解法
• IE6/IE7のunderlineバグ
• IE6の標準準拠モードとposition: absoluteと範囲選択
• liで作るメニューとWindows IE5.0の話
• Windows IE5のバグのメモ
• 負のマージンとSafariの話
• line-heightを見直そう
• iモード対応XHTMLとCSS

デザインテンプレート

• デザインテンプレート1212
• デザインテンプレート0710r
• デザインテンプレート1006の説明
• デザインテンプレート1124
• デザインテンプレート0208
• デザインテンプレート1110とネガティブマージン

応用 or ネタ？

• これからのCSS画像置換
• ページの先頭へをposition:fixedで
• position:fixedと透過PNGで作るメニュー (1)
• position:fixedと透過PNGで作るメニュー (2)
• handheldメディア用CSSの作成（1）
• handheldメディア用CSSの作成（2）
• handheldメディア用CSSの作成（3）
• handheldメディア用CSSの作成（4）
• div要素なしレイアウト (1)
• div要素なしレイアウト (2)
• div要素なしレイアウト (3)
• div要素なしレイアウト (4)
• div要素なしレイアウト (5)
• div/span/id/classを使わないCSSレイアウト

Web雑談・コネタ

• ほーむぺーじとわたし
• Webデザインアルバイトの歴史
• 初心者への教え方がわからない
• Acid2テストの功罪
• display: none
• 画像とSEO
• SEOの暗黒面、というコネタ
• title要素とSEOとADP
• エクセルチャットの作成（夏休みの宿題まとめ）
• で、どこで怒ればよかったんだろう？
• Topic Path/Topicpath、またはコネタ
• class="red"
• class="red" （続）というよりただのコネタ
• IE7.js
• Opera Showでプレゼンテーション
• blockquoteもよくわからない
• 引用がらみで思ったこと
• Googleマップをサイトに載せるときの論点
• ウインドウの大きさによって動くメニュー
• ドロップダウンメニューのコネタ
• floatで作る表もどき
• 「本文へ」のリンクを隠さない
• 「本文へ」のリンクに対応するもの
• 「本文へ」のリンクのはなし
• 他山の石（ADPでの失敗事例）

コメント(0)

ナビゲーション

• ホーム
• このサイトについて
• ウェブデザイン
• 過去記事一覧

syndicate

このブログを購読

written by

Momomo（Momomoについて）

このページの先頭へ