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

iPhone WebDesign Bookmark
iPhone用に最適化されたサイトをキャプチャしてブックマークしてあるサイトです。
iPhone用のサイトを作る時に参考になるといいなぁと思っています。
数週間前から..

40 Inspiring Portfolio Designs | Inspirationでクオリティの高いポートフォリオサイトデザインがあったので抜粋紹介します。クオリティが高いので参考になると思います。
Future..

jQueryを使ったスライダーのテクニックとプラグインのまとめがあったので紹介します。
10 jQuery Slider Techniques and Plugins | Tutorials
Fancy Sliding..

[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でやろうかと思ったらまだ実装未定っぽい..

暇な時間があったので、CSS3を久々に使ってフォトギャラリーっぽいのを作ってみた。
手抜き注意です

いつも通りHTMLとCSSの解説を行います。
HTML

<h1>CSSでフォトギャラリー</..

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

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

Google Font Directory

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

Cantar..

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

<a href="#img1"..