Bonnie styles. - Webデザイン、CSSなど

TwitTalk – 前後の会話を表示する！をiPhoneで見ると、下の方のプロフィールなどを開閉できるようになっています。
iPhoneなどで見て見てください。
ただし、閉じることはできません。どうやるん..

[HTML/CSS] アイフレームを使わずにDIV要素にリンク先の画像を表示させる。 | Bonnie styles.のCSSを取り入れたバージョンです。
Webkitのブラウザのみ対応(Safari/Google ..

先程撮った夕日。キレイだわ。。。(´ω｀*)
リセットCSS(※ただし自分用)

リセット前リセット後
CSS

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,..

※Windows/Webkit系(Safari/GoogleChrome等)/IEのみ対応（理由は後記述）
なんか和風のサイト作ってたら縦書きにキュンと来てしまったので、CSS3でやろうかと思ったらまだ実装未定っぽい..

キーワードで動画検索 鳥の詩‐ニコニコ動画(9)
再び仕様が変わり、4列表示ができるようになったようです。

こんな感じで初め見たときは、CSS適用されてないんじゃない？と何回もリロードしていましたが、仕様変更のようです..

CSS liefde
CSSのテクニックなどを紹介しているサイトを公開しました。
●●なことをCSSだけでできないかなぁ・・・というものを実現をしているつもりです。
例えば、画像を正方形にしたい。など。
発見したらどんど..

Google Font Directory

最近Head内にJavascriptなどの記述をするだけで、簡単にWebfontsが利用できるというサービスがでてきましたが、Googleでも始まりました。

Cantar..

通常JavaScriptでLightBoxで拡大の画像表示をキレイに表示できますが、これをCSS3の擬似要素（:target)を使って表示します。
HTML

<a href="#img1"..

少しまとめておきたかったので紹介します
今回はサンプルはありません。
headに記述するといいもの

<mata name="description" content="説明文&qu..

CSS3で作られた優れたメニュー・ボタンを12個のテクニックを集めたもがあったので抜粋して紹介します。

Roll Your Own Google Buttons

CSS3-Only Tabbed Area

Rad..