ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ
HTMLとCSS3、2d-transformを使って次のような、アニメーションする３Dが実現さ...(続きを読む)

iPadが立体的に美しく輝くCSS3サンプル
。マウス位置に応じてインタラクティブにiPadが傾き、光もあたってよりリ...(続きを読む)

クロスブラウザで動作する線形グラデーション用CSSスニペット
。filterや -ms-filter を使って IEでも動作します。CSS3PIEでもIE対応ができます...(続きを読む)

これは面白い！CSSのボーダーを使った図形描画テクニック色々
CSSのボーダーを使った図形描画テクニック色々。「超シンプルなマークア...(続きを読む)

ミニマムで場所を取らないCSSメニューの実装例
。次のように、アイコンだけ並んでいて、マウスオーバーするとメニュー...(続きを読む)

CSSだけで実現したMac OS X風ドック「CSS Dock (V2)」
CSSだけで実現したMac OS X風ドックピュアCSSネタが多いですが、今度はドッ...(続きを読む)

ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６
。全部CSSでやっちゃうのはむしろ手間になったりしそうですが、CSSでもで...(続きを読む)

一見の価値ありなフレッシュなCSSデザインされたWEBサイト２１
。どれも色々なテクニックが使われており、デザインの参考にできそうで...(続きを読む)

これは新しい、回転する円形のイメージギャラリー実装サンプル
。divを並べた簡単なマークアップなのに以下のような複雑なレイアウトを...(続きを読む)

インスピレーションのための美しいCSSサイト２５
インスピレーションのための美しいCSSサイトが２５サイト特集されていま...(続きを読む)

ピュアCSSでスライドアウトインタフェースの実現
。ページの再度にちょこっとタブ風の画像を置いておいて、クリックする...(続きを読む)

記事タイトルをリボン風にシンプルに実装するCSSサンプル
されています。すごく複雑なマークアップを必要としそうな気がしたので...(続きを読む)

Google＋風のボタンをCSSで実装するサンプル
素材です。次のようなGoogle+風のボタンが実装できます。シンプルで非常に...(続きを読む)

CSS編集がブラウザ上でリアルタイムに行えホスティングもしてくれ...
次のような２ペインにわかれたUIで右のCSSをいじると即座に反映されるよ...(続きを読む)

CSSスプライト実装が誰でも簡単にできるツール「Spritebox」
複数枚の画像を1枚にして、HTTPのコネクション数を下げてページ表示速度...(続きを読む)

CSSスプライトでカッコイイボタンを作るチュートリアル
。CSS3は使っていませんが、３つの画像を１枚にして、hover時、active時に変...(続きを読む)

これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS...
。ブロックのサイズが変更された際において動画を固定サイズにしてしま...(続きを読む)

2011年6月10日 管理人のブックマーク
クラウドが苦手な私がiCloudは「クラウドの再定義」だと感じた理由 - もと...(続きを読む)

ピュアCSSなのに折りたたみ可能なツリーメニュー実装例
。次のような折りたたみが可能なツリーが実装されています。どうやって...(続きを読む)

ピュアCSSでアニメーションするアコーディオン実装デモ
が公開されています。なかなかいい感じにCSS3でスタイリングされてるのも...(続きを読む)