  |
「あちこちでよく見かける『あの機能』を実装するためにCSSのテクニックとかJSのライブラリとか探したいんだけど、どういうキーワードで探したらいいのかわからない…」という人向け。
注意
※この呼称が正しいとは限りません
※この呼称に統一されているわけではありません
→ 角丸
複数の画像を一枚にまとめてCSSのbackground-positionで制御する（メニューのマウスオーバーなどでよく使われる）
フォームにうっすらと説明文が表示される ＆ フォームにフォーカスすると消える
→ プレースホルダー
他のメニューを押しのけるようなアニメとともにサブメニューが表示される ＆ 開いているメニューは常にひとつだけ
→ アコーディオンメニュー
メニューの横にある＋マークなどをクリックするとその下にサブメニューが表示される ＆ 複数のメニューを開くことができる
→ ツリーメニュー
水平メニューから垂れ下がるようにサブメニューが表示される
→ プルダウンメニュー
横一列に並んだアイテムをスクロールバーでスライド表示 ＆ アイテムが床面に反射したようなエフェクト
→ アクアボタン
画像のサムネイルをクリックするとオリジナルサイズの画像が画面中央に表示される
→ ライトボックス
警告ウィンドウ等が画面中央に表示される ＆ その他の操作を受け付けない（※指摘を受けて追記しました）
説明文等が書かれた小さな吹き出しをマウスカーソルの隣に表示させる
→ ツールチップ
タグをアルファベット順に並べる ＆ その使用頻度等に応じてフォントサイズや色を変えて表示する
→ タグクラウド
ひとつの記事を分割してページ番号を振る
→ ページャー、ページネーション
フッター部分が常に最下部に固定されている
→ フッタースティック
増田じゃなくて自分のブログにまとめればいいのに。 もったいない。
警告ウィンドウ等が画面中央に表示される → モーダルボックス これはたぶん間違い。 画面中央に表示されるだけじゃ「モーダル」とは言わなくて、他の操作を受け付けなくなる物が...
23
