Read Article
bxSliderでスライド総数と現在何枚目が表示されているかをカウント表示する方法
今後も使う機会がありそうなので備忘録。手軽にコンテンツスライダーを実装することができるjQueryプラグイン「「bxSlider」で、スライド総数と現在何枚目が表示されているかをそれぞれカウント表示させる方法です。
Tag : jQuery Plugin
- 30 Articles -
Read Article
レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」
覚えておきたいと思ったので備忘録兼ねてご紹介。「NavNav」はCSS・jQuery・JavaScriptで実装され、レスポンシブ対応もされているナビゲーションを集めたギャラリーです。検索機能やタイプごとでタグ付けも用意されているので特定の動きを探すのにも容易ですし、だらだらと時間ある時に眺めるだけでも今まで見たことないような動きを見つけたりできそうですね。
Read Article
簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル
スライダーやカルーセルを実装できるjQueryプラグインは多数ありますが、それらの中でも豊富なオプションと実装の手軽さで見かけたことや実際に使用した人も多いと思う「bxSlider」の実装サンプルです。もっと高機能なプラグインも探せばいくらでも出てきますし、bxSliderにこだわる必要はもちろんないんですが、個人的に手軽に使えるという理由で今でも使わせてもらう機会が割と多いので、公式には載ってい…
Read Article
レスポンシブ対応されたLightbox系プラグイン・ライブラリ 10
レスポンシブ対応されたLightbox系のプラグインやライブラリのまとめです。ほとんどがjQueryプラグインになりますが、中には単体で動くものもあります。また、対応コンテツやエフェクトが多数あるもの、オプションがひと通り揃っているもの、動きや見栄えは少し簡易的になりますがIE7・8といったブラウザまで対応しているものなどタイプも様々です。
Read Article
使いやすくて高機能なものが多数！スライダー実装時に便利なプラグインやチュートリアルまとめ
実際に使用して良かったものも含め、スライダー系のスクリプトやチュートリアルで覚えておきたいと思ってメモしてたのが溜まってきたので備忘録兼ねてまとめました。とにかく高機能なものから動きがユニークなものまで様々なタイプがあり、ほとんどが最近実装する機会が多いと思うレスポンシブやタッチ・スワイプといった動きにも対応しています。
Read Article
年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15
年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型（垂直）タイプだけでなく横型（水平）で見せるタイプもあります。
Read Article
レスポンシブWebデザインやスマートフォンサイトに最適なメニューを実装できるプラグインやチュートリアル 25
いずれもメニューを実装する際に便利なプラグインやチュートリアルで、もちろんPCサイトでも問題なく使えますが、レスポンシブWebデザインやスマートフォンサイトといったサイトを制作する際には特に便利なものです。サイドからスライドしてくるものやウィンドウサイズが狭まるとセレクタやアコーディオンに変化するものなど、見せ方も様々なタイプがあります。ずらっと並んではいますが、大まかに同じような動きをするものは…
Read Article
レスポンシブやスワイプ機能を実装できる、スライダー・カルーセルのプラグインやチュートリアル 20
スマートフォンやタブレットが絡むサイト制作時に実装することが多い、レスポンシブ対応やスワイプ（フリック）などといった機能を簡単に実装できるスライダー・カルーセルのプラグインやチュートリアルのまとめです。いずれかひとつの機能のみ実装するだけでなく、中にはひとつのプラグインで複数の機能を同時に実装できるのもあります。
Read Article
パララックス効果を実装できるプラグインやチュートリアル 30
あくまでも予想で尚且つ海外の情報というのはあるんですが、海外ブログなどでは去年に引き続き今年もパララックスは流行ると予想しているところが多く、個人的にもパララックスは残りそうなトレンドのひとつだと思ったので整理兼ねてまとめました。全体的に目新しいものではないですが、いずれも簡単にパララックス効果を実装できる便利プラグインやパララックスの実装方法などがわかりやすく解説しているチュートリアルなどです。
Read Article
フォーム周りで活躍してくれるjQueryプラグイン 50
少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、面白い動きを実装できるものまで様々なタイプがあります。中にはCSS3を併用したり、そのままでは日本語に対応していないというものも幾つ…
Read Article
グリッドレイアウト採用時に便利なjQueryプラグイン 20
有名なサイトだとPinterestやBehanceなどで取り入れているような、グリッドレイアウトを簡単に実装できるjQueryプラグインのまとめです。少し前はポートフォリオのギャラリー部分などのような箇所で主に使われている印象が個人的にあったのですが、最近ではブログの記事一覧やECサイトなどでもよく見かけますし、コーポレートサイトのトップに採用しているサイトなども多く見かけます。基本的な動きは同じ…
Read Article
クリッカブルマップをレスポンシブ対応させるプラグイン「Responsive Image Maps jQuery Plugin」
クリッカブルマップ自体を最近ではほとんど使うことがないんですが、これは覚えておきたいと思うものがあったので備忘録兼ねて紹介します。