CSSだけでキーボードのキーを表現する方法
タイトルがわかりにくいかな。まあいいや。 「方法」などとエラそうに言うほどのものじゃないんだけど やってみたら何かそれっぽく見える気がしてきたので一応書いときます。 要するに何がやりたいのか ブログなんかの文中で 「このキーを押すんだよ」ということを伝えようとして そのキーに刻印された文字を示すことがある。 でもそのままではキーっぽく見えないので、 それ用のスタイルを用意して 何となくキーに見えるようにしたい。 つまりこのようなことが言いたいときに Shift + ⌘ + 3 で画面をキャプチャーします。 このように表示したいということ。 Shift + ⌘ + 3 で画面をキャプチャーします。 CSS 非対応のフィードリーダーで読んでたらわからんと思うのでサイトに来てください。 あと IE6 だと ⌘ ←が出ませんねごめんなさい。”Command” と読み替えてください。 どのタグを使う
HTML の label タグに必ずつけたい CSS
CSS に1行加えるだけで ラベルまわりがとってもわかりやすくなる。 「そんなん当たり前」という人もいるかもしれないけど Gmail やら Twitter やらのログイン画面を見たら 実装されてなかったので一応。 label というのはフォームの部品とセットで使うやつで、 ある部品とその項目名を結びつけるやつね。 ↓このようなチェックボックスがあるとき 次回から自動的にログイン ↓こんなふうにラベルを指定しておくと <input type="checkbox" id="rememberme"> <label for="rememberme">次回から自動的にログイン</label> テキスト部分とチェックボックスが関連づけられるので テキストをクリックした時も チェックボックスにチェックが入るようになりますね。 ここをクリックでチェック入れられるよ 小さいチェックボックスにマウスカーソルを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
