実例から学ぶ、CSS3とjQueryを併用する際の切り分け方法

CSS3でもjQueryでも実装できるシャッターのようにスライドするエフェクトを例に、CSS3とjQueryを併用し切り分けて実装する方法を紹介します。 Garage Door Style Menu デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 マークアップとスタイリング jQuery Method CSS3 Method CSS3とjQueryの併用 -Modernizr マークアップとスタイリング HTML HTMLはクリーンでセマンティックに実装されています。 <ul id="garagedoor"> <li id="shutter1"><a href="#1">Link 1</a></li> <li id="shutter2"><a href="#2">Link 2</a></li> <li id="shutter3"><a href="#3">Link 3

[bitgleams]

2010年11月1日記事

[hidehish]

見てる:

[kkeisuke]

CSS3に対応しているブラウザにはCSS3でエフェクトを適用し、そうでないものにはjQueryで適用する

[hama_shun]

アニメーションを実装する際に、JSを使うブラウザとCSS3を使うブラウザに切り分ける

[nors]

http://css-tricks.com/garage-door-style-menu/

[Donca]

✔ 実例から学ぶ、CSS3とjQueryを併用する際の切り分け方法