jQueryプラグイン・2014年上半期56選まとめ – bl6.jp
気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2014年の1〜6月までにご紹介したjQueryプラグインをまとめてみました。今回は全部で56のプラグインがありました。そのほとんどが最新（中には古いのもあるかも）のものなので、フレッシュなjQueryを探したい時の参考になれば幸いです。 [ads_center] スライダー、カルーセル系 Flickerplate スマホやタブレットのフリックやレスポンシブにも対応しているコンテンツスライダーです。 フリック＆レスポンシブ対応のコンテンツスライダーを実装できるjQueryプラグイン「Flickerplate」 Paper Slider 紙のようなエフェクトのシンプルなスライダーを実装することができます。 紙のようなエフェクトのスライダーを実装できるjQueryプラグイン「Paper Slider」 PgwSlider レス
2013年下半期に紹介したjQueryプラグイン68選まとめ – bl6.jp
今年も残すところあとわずかとなりました。今年もたくさんのjQueryプラグインを紹介してきたので復習もかねてまとめてみました。前回は2013年上半期をまとめたので、今回は2013年下半期に紹介したjQueryプラグインのまとめです。全部で68のプラグインがありました。上半期の50に対し下半期68なので、両方合わせると118になります。それでは、以下どうぞ。 [ads_center] スライダー、カルーセル系 Excolo Slider タッチやマウススライドにも対応しているjQueryスライダーです。 タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」 Owl Carousel タッチ操作やレスポンシブにも対応しているカルーセルです。 タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carousel」 Coin S
HTML5・CSS3・jQueryで作るレスポンシブなスライダーを実装できるjQueryプラグイン「Slippry」 – bl6.jp
SlippryというjQueryプラグインを使えば、HTML5・CSS3・jQueryを使ったレスポンシブなスライダーを実装することができます。実際のデモでは、前後切替の矢印や下部ナビゲーションもついていて優雅な感じで切り替わっていきます。使い方もシンプルなのが嬉しいですね。 [ads_center] Slippryの使い方 Slippry head内にjQuery本体とプラグインファイルを読み込みます。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="slippry.min.js"></script> <link rel="stylesheet" href="slippry.css" /> HTMLを記述していきます。 <ul id="slip
レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い方 – bl6.jp
レスポンシブにも対応している人気のjQueryプラグイン「Nivo Slider」を使ってみました。機能もかなり充実していて、スピードの調整はもちろん、多彩なエフェクトがWebサイトを魅力的にしてくれること間違いなしです。スライドショーでインパクトを出したい場合にはとても有効かと思います。ということで以下使い方です。 [ads_center] 実装してみる 基本的にはシンプルに実装することができます。特にオプションも指定しない場合の簡単な使い方です。jQuery本体とダウンロードしたプラグインをhead内に読み込みます。 <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="nivo-slider.css"
とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる – bl6.jp
とても簡単かつ軽量なjQueryのスライダー「jQuery Slider²」を使ってみました。使いやすくて、サクっと実装できます。オプションで幅や高さも指定できますし、スピード、自動スライドも切り替えられ、それなりの機能もつけられるのでいい感じかと思います。以下、サンプルと使い方です。 [ads_center] 使い方 以下のサイトからダウンロードできます。 jQuery Slider² – Make your site slide – wex.im いつも通り、head内にjQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
