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