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」は使い勝手がいいです。 まずはデモをご覧ください。 サンプルデモ・ダウンロード デモ ダウンロード デ […]
2014年3月22日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン 前後左右の画像を表示しつつスライドするカルーセルスライダー「jQuery FilmRoll」 めっきり春っぽくなってきました。 毎年の如くこの季節は花粉症に悩まされる日々、 強風の日とかマジきついです。 コンテンツスライダーで、前後の要素（画像）を表示させたままスライドさせたい場合って、よくありますよね。 「jQ […]
2013年10月28日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン 背景画像をスライドショー付きでフルスクリーン表示にする方法「jQuery MaxImage」 背景画像をブラウザ幅いっぱいにフルスクリーン表示をさせ、 かつ画像をスライドショーできるスクリプト「jQuery MaxImage」をご紹介します。 まずはこちらのデモをご覧下さい。 サンプルデモ・ダウンロードはこちら […]
2013年9月30日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン モーダルウィンドウをCSSだけで設置する方法「CSS Modal」軽量かつJS不要！ CSSだけでモーダルウィンドウを設置できる時代になっていました。 余計なライブラリ等を読み込む必要が無いので、かなり軽量です。 ライトボックス風で見た目もエフェクトもシンプルなので使い勝手が良さそうです。 サンプルデモ・ […]
2013年9月14日 / 最終更新日時 : 2025年1月27日 GASS Webデザイン Facebookのように横から展開するメニューを実装できるjQueryプラグイン「sidr」の使い方 スマホサイトの制作時にFacebookのような横から開くメニューを実装したので覚書。 jQueryプラグイン「Sidr」が比較的簡単に実装できました。 ボタンクリックで左右からメニューが展開します。 サンプルデモ・ダウン […]
