JSの記事一覧

JS(Javascript)を使った、インタラクティブなWebページの作り方などの技術をご紹介いたします。
jQueryを利用した技術、プラグインのご紹介をしています。実際にデモやサンプルをご用意して初心者でも分かりやすいように心がけています。

画面の中央から割れるような動きの「Fullscreen Slit Slider」プラグインでインパクトアップ

画面の中央から割れるような動きの「Fullscreen Slit Slider」プラグインでインパクトアップ

  2016/03/02   JS

画面の中央にスリットが入り、割れてスライドする動きのjQueryプラグイン「Fu …

コンテンツスライダーに最適な万能カルーセルパネル「slick.js」

コンテンツスライダーに最適な万能カルーセルパネル「slick.js」

  2016/03/02   JS

狭い領域を効果的に活かせるコンテンツスライダーはよく案件に出てきます。高性能なカ …

Snap.js

スマホに最適なスワイプメニューを実装できる「Snap.js」の使い方

  2015/03/28   JS

ご無沙汰しております。 Webデザイナーの菅です。 かれこれ去年の5月から更新し …

スマホのフリックにも対応する次世代jQueryスライダー「Slider Pro」

スマホのフリックにも対応する次世代jQueryスライダー「Slider Pro」

  2016/01/27   JS

2016年現在、jQueryスライダーはホントに沢山ありますが、その中でも秀逸な …

前後左右の画像を表示しつつスライドするカルーセルスライダー「jQuery FilmRoll」

  2014/03/22   JS

めっきり春っぽくなってきました。 毎年の如くこの季節は花粉症に悩まされる日々、 …

スマホのレスポンシブにも対応したjQueryスライダー「glide.js」の使い方

  2014/03/04   JS

スマホやタブレットのタッチデバイスにも対応した レスポンシブjQueryスライダ …

Facebookのように横から展開するメニューを実装できるjQueryプラグイン「sidr」の使い方

  2013/09/14   JS

スマホサイトの制作時にFacebookのような横から開くメニューを実装したので覚 …

背景画像をスライドショー付きでフルスクリーン表示にする方法「jQuery MaxImage」

  2013/10/28   JS

背景画像をブラウザ幅いっぱいにフルスクリーン表示をさせ、 かつ画像をスライドショ …