JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider

使えそうだったので参考にしました。 JavaScriptを使わず、CSSのみで動作 させるレスポンシブWebデザイン対応 のコンテンツスライダーのサンプル です。軽量化にも繋がりそうですね。 CSSのみで作られたレスポンシブなコンテンツスライダーです。これはちょっと覚えておきたい。 ちょっとこの発想は無かったですけど、確かに簡単なコンテンツスライダーならCSS3使えばJSはいりませんし、そのままレスポンシブWebデザインに対応させれば、あとはCSS3が使えないブラウザ向けにjsを書くだけ、という手もありますね。 以下サンプルです。レスポンシブWebデザイン対応の確認はresponsivepxでどうぞ。 Sample ※responsivepxで簡単に確認出来ます。 jsfiddle iPhoneのキャプチャ ナビゲーションのサイズはモバイルの際は大きくしないとですね。 まず、スライドの作成

[otchy210]

最近、ラジオボタンとかチェックボックスを使って「CSS3 で JS を使わず…」ってのが流行ってるけど、本質じゃないよなぁ。CSS3 考えた人達は、こんなムリヤリな JS 代替のために考えた訳じゃないと思うんだけど。

[AfroRay]

[webデザイン[ギャラリー]

[asiamoth]

動きは面白いけれど、サンプルのナビゲーションは「針の穴を通す」ようで大変です！ 元ネタと違って横の矢印がないからですね。 頼みますから世のデザイナさんは、サムネイルにリンク張って終わってください！

[kkeisuke]

イージング ease cubic-bezier

[yatta47]

JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider

[warriorking]

JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider - かちびと.net

[nors]

http://csscience.com/responsiveslidercss3/nojs.html

[asuka0801]

CSS3こんな使い方もできるのね