Flipsnap.jsを使って、横幅100％のスライドショーを作る | WebChokoTips – ウェブチョコチップススマートフォンの対応サイトを作るときに、今や欠かせないといっても過言では無いスワイプを使ったUIですが、その中でも使いやすくて動作も快適な「flipsnap.js」を使って、横幅いっぱいに広がるスライドショーを作ってみます。 公式サイトのDEMOではどれも固定幅で作られていた為、画面サイズに合わせたスライドショーを作るにはどうやってやるの？ という人の参考になればと思います！ DEMO シンプルなDEMOを用意したので、是非スマートフォンで確認してみてください。 http://webchoko-tips.com/demo/flipsnap/ HTMLとCSSを用意 Flipsnapで使われているHTMLとCSSをほとんどそのまま使っているので、特に変わったところはないかと思います。
新着記事
