2016年3月2日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン 画面の中央から割れるような動きの「Fullscreen Slit Slider」プラグインでインパクトアップ 画面の中央にスリットが入り、割れてスライドする動きのjQueryプラグイン「Fullscreen Slit Slider」をご紹介します。 ダイナミックな動きでファーストビューにかなりインパクトが出るので、商品やサービス […]
2016年3月2日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン コンテンツスライダーに最適な万能カルーセルパネル「slick.js」 狭い領域を効果的に活かせるコンテンツスライダーはよく案件に出てきます。高性能なカルーセルプラグイン「slick.js」は使い勝手がいいです。 まずはデモをご覧ください。 サンプルデモ・ダウンロード デモ ダウンロード デ […]
2016年1月27日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン スマホのフリックにも対応する次世代jQueryスライダー「Slider Pro」 2016年現在、jQueryスライダーはホントに沢山ありますが、その中でも秀逸なコンテンツスライダー「Slider Pro」に出会いましたのでご紹介します。 まずはデモをご覧ください。 サンプルのデモ・ダウンロード デモ […]
2015年3月28日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン スマホに最適なスワイプメニューを実装できる「Snap.js」の使い方 ご無沙汰しております。 Webデザイナーの菅です。 Facebookのように横から展開するメニューを実装できるjQueryプラグイン「sidr」の使い方 以前、上記の記事でスマホ向けの開くメニューをご紹介しましたが、 そ […]
2014年3月22日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン 前後左右の画像を表示しつつスライドするカルーセルスライダー「jQuery FilmRoll」 めっきり春っぽくなってきました。 毎年の如くこの季節は花粉症に悩まされる日々、 強風の日とかマジきついです。 コンテンツスライダーで、前後の要素（画像）を表示させたままスライドさせたい場合って、よくありますよね。 「jQ […]
2014年3月4日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン スマホのレスポンシブにも対応したjQueryスライダー「glide.js」の使い方 スマホやタブレットのタッチデバイスにも対応した レスポンシブjQueryスライダー「glide.js」がとてもよかったので 使い方とデモ・サンプルをご紹介します。 サンプルデモ・ダウンロードはこちら デモ ダウンロード […]
2013年10月28日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン 背景画像をスライドショー付きでフルスクリーン表示にする方法「jQuery MaxImage」 背景画像をブラウザ幅いっぱいにフルスクリーン表示をさせ、 かつ画像をスライドショーできるスクリプト「jQuery MaxImage」をご紹介します。 まずはこちらのデモをご覧下さい。 サンプルデモ・ダウンロードはこちら […]
2013年9月14日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン Facebookのように横から展開するメニューを実装できるjQueryプラグイン「sidr」の使い方 スマホサイトの制作時にFacebookのような横から開くメニューを実装したので覚書。 jQueryプラグイン「Sidr」が比較的簡単に実装できました。 ボタンクリックで左右からメニューが展開します。 サンプルデモ・ダウン […]
