[B! css] kazyのブックマーク

[CSS]CSSで実装した、ものすごいパララックス（視差）効果 | コリス

今年一番の衝撃をうけました。 CSSだけで実装したパララックス（視差）をRoman Cortesから紹介します。 CSS 3D Meninas 上記ページにアクセスし、絵画の上をマウスでぐりぐりすると、それに合わせてパララックスが生じます。使用しているのはHTMLとCSSのみで、FlashやJavaScriptは使用されていません。対応ブラウザはIE8, Fx3, Op9, Safari3, Chrome4などとなっています。 via:3D CSS Parallax Effect

kazy 2009/12/18

リンク

[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス

Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel

kazy 2008/03/10

リンク

注目のCSSフレームワーク「Blueprint 0.6」登場 - 1.0へ向けた大きな改善 | エンタープライズ | マイコミジャーナル

21日(米国時間)、Blueprint CSS Frameworkの最新版となる「Blueprint CSS Framework 0.6」が公開された。BlueprintはCSSで開発されたCSSフレームワーク。CSS開発に費やす時間を軽減させることを目的にして開発されたフレームワークでThe MIT Licenseを変更したライセンスのもとで提供されている。扱いやすいグリッド、実用的なタイポグラフィ、印刷向けのスタイルシートなどに特徴がある。 0.6は1.0へ向けた重要なリリース。実用的なディレクトリストラクチャの実現、新しいプラグインシステムの導入(これに合わせて多くの機能をプラグインへ展開)、Webブラウザ互換性をチェックするための新しいテストスイートの導入、垂直方向サイジングユニットにemを再度採用(0.4のときよりも改善されている)、CSSの妥当性を検証、また圧縮処理を実施するた