レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
CSSでの画像切り替えアニメーションのアイデア集:phpspot開発日誌
Inspiration for Item Transitions | Codrops CSSでの画像切り替えアニメーションのアイデア集 画像を次に送った場合のアニメーションが豊富に提案されていて、イメージにあったものがきっと見つかるはず。 シンプルなギャラリーもいいですが、ちょっとだけ派手にしたいような場合に参考にしてみるとよさそうです。 関連エントリ 新Flickr風のギャラリーが作れるjQueryプラグイン「Justified Gallery」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 レスポンシブ対応でCSS3アニメーションを使った超クールギャラリー実装プラグイン「S Gallery」 線を描きながらギャラリーの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
