Tag : jQuery Plugin

- 30 Articles -

レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」

Read Article

レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」

覚えておきたいと思ったので備忘録兼ねてご紹介。「NavNav」はCSS・jQuery・JavaScriptで実装され、レスポンシブ対応もされているナビゲーションを集めたギャラリーです。検索機能やタイプごとでタグ付けも用意されているので特定の動きを探すのにも容易ですし、だらだらと時間ある時に眺めるだけでも今まで見たことないような動きを見つけたりできそうですね。

  • Services & Resource
簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル

Read Article

簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル

スライダーやカルーセルを実装できるjQueryプラグインは多数ありますが、それらの中でも豊富なオプションと実装の手軽さで見かけたことや実際に使用した人も多いと思う「bxSlider」の実装サンプルです。もっと高機能なプラグインも探せばいくらでも出てきますし、bxSliderにこだわる必要はもちろんないんですが、個人的に手軽に使えるという理由で今でも使わせてもらう機会が割と多いので、公式には載ってい…

  • Tips
レスポンシブ対応されたLightbox系プラグイン・ライブラリ 10

Read Article

レスポンシブ対応されたLightbox系プラグイン・ライブラリ 10

レスポンシブ対応されたLightbox系のプラグインやライブラリのまとめです。ほとんどがjQueryプラグインになりますが、中には単体で動くものもあります。また、対応コンテツやエフェクトが多数あるもの、オプションがひと通り揃っているもの、動きや見栄えは少し簡易的になりますがIE7・8といったブラウザまで対応しているものなどタイプも様々です。

  • Tips
使いやすくて高機能なものが多数!スライダー実装時に便利なプラグインやチュートリアルまとめ

Read Article

使いやすくて高機能なものが多数!スライダー実装時に便利なプラグインやチュートリアルまとめ

実際に使用して良かったものも含め、スライダー系のスクリプトやチュートリアルで覚えておきたいと思ってメモしてたのが溜まってきたので備忘録兼ねてまとめました。とにかく高機能なものから動きがユニークなものまで様々なタイプがあり、ほとんどが最近実装する機会が多いと思うレスポンシブやタッチ・スワイプといった動きにも対応しています。

  • Tips
年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15

Read Article

年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15

年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型(垂直)タイプだけでなく横型(水平)で見せるタイプもあります。

  • Tips
レスポンシブWebデザインやスマートフォンサイトに最適なメニューを実装できるプラグインやチュートリアル 25

Read Article

レスポンシブWebデザインやスマートフォンサイトに最適なメニューを実装できるプラグインやチュートリアル 25

いずれもメニューを実装する際に便利なプラグインやチュートリアルで、もちろんPCサイトでも問題なく使えますが、レスポンシブWebデザインやスマートフォンサイトといったサイトを制作する際には特に便利なものです。サイドからスライドしてくるものやウィンドウサイズが狭まるとセレクタやアコーディオンに変化するものなど、見せ方も様々なタイプがあります。ずらっと並んではいますが、大まかに同じような動きをするものは…

  • Tips
レスポンシブやスワイプ機能を実装できる、スライダー・カルーセルのプラグインやチュートリアル 20

Read Article

レスポンシブやスワイプ機能を実装できる、スライダー・カルーセルのプラグインやチュートリアル 20

スマートフォンやタブレットが絡むサイト制作時に実装することが多い、レスポンシブ対応やスワイプ(フリック)などといった機能を簡単に実装できるスライダー・カルーセルのプラグインやチュートリアルのまとめです。いずれかひとつの機能のみ実装するだけでなく、中にはひとつのプラグインで複数の機能を同時に実装できるのもあります。

  • Tips
パララックス効果を実装できるプラグインやチュートリアル 30

Read Article

パララックス効果を実装できるプラグインやチュートリアル 30

あくまでも予想で尚且つ海外の情報というのはあるんですが、海外ブログなどでは去年に引き続き今年もパララックスは流行ると予想しているところが多く、個人的にもパララックスは残りそうなトレンドのひとつだと思ったので整理兼ねてまとめました。全体的に目新しいものではないですが、いずれも簡単にパララックス効果を実装できる便利プラグインやパララックスの実装方法などがわかりやすく解説しているチュートリアルなどです。

  • Tips
フォーム周りで活躍してくれるjQueryプラグイン 50

Read Article

フォーム周りで活躍してくれるjQueryプラグイン 50

少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、面白い動きを実装できるものまで様々なタイプがあります。中にはCSS3を併用したり、そのままでは日本語に対応していないというものも幾つ…

  • Tips
グリッドレイアウト採用時に便利なjQueryプラグイン 20

Read Article

グリッドレイアウト採用時に便利なjQueryプラグイン 20

有名なサイトだとPinterestやBehanceなどで取り入れているような、グリッドレイアウトを簡単に実装できるjQueryプラグインのまとめです。少し前はポートフォリオのギャラリー部分などのような箇所で主に使われている印象が個人的にあったのですが、最近ではブログの記事一覧やECサイトなどでもよく見かけますし、コーポレートサイトのトップに採用しているサイトなども多く見かけます。基本的な動きは同じ…

  • Tips

Close the search window,
please press close button or esc key.