bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript2013年上半期に紹介したjQueryプラグイン50選まとめJavaScript2013.07.22013年上半期に紹介したjQueryプラグイン50選まとめ気づいたらあっという間に2013年上半期が終わってしまいましたね。いうことで、この間に紹介したjQueryプラグインをまとめてみました。全部でちょうど50個あります。スライダー、ギャラリー、テキスト、ナビゲーションなどいろんなジャンルのプラグインがあるので今後のサイト制作に活かしていきたいですね。レスポンシブ対応のプラグインも増えてきたのも嬉しいですね。画像、ギャラリー、Lightbox系テキスト、エフェクト系ナビゲーション、メニュー、リスト系その他(スクロール、ティッカー、ツールチップ等)スライダー、カルーセル系raccordionレスポンシブにも対応しているjQueryプラグインのアコーディオンのイメージスライダー。SliderタブパネルにもなっているレスポンシブなjQueryスライダー。Carousel水平方向や垂直方向に配置できる水車のようなカルーセル。CarouselRefineSlide多数のエフェクトがあってレスポンシブWebデザインにも対応しているスライダー。RefineSlideSwipeshowタッチデバイスのスワイプにも対応したシンプルなスライドショー。SwipeshowUnsliderとても軽量でレスポンシブにも対応しているスライダー。UnsliderFractionSlider複数の各要素ごとにスライドアニメーションを設定。Carouselレスポンシブ対応のシンプルなカルーセル。transitionsを活用したシンプルなスライドショー。Cavendish.jsFlipsterレスポンシブにも対応しているシンプルなカルーセル。FlipsterSwiperスワイプで切り替えることができるjQueryスライダー。Swiper画像、ギャラリー、Lightbox系Swipeboxスマホやタブレットのスワイプ機能にも対応したLightboxを実装できるプラグイン。Plugin画像を上下左右と色んな角度から回転させながら見ることができるプラグイン。ZoomLightbox風に画像をズームして表示。Pluginレスポンシブなサムネイル付きのイメージギャラリー。PluginSuperbox綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQuery画像ギャラリー。SuperboxKGallery縦や横に配置されたサムネイルから画像を選択することができるギャラリー。Shot写真を手に持って見ているかのようなアニメーションを付けることができるjQueryイメージギャラリー。ShotSWAPMYLIスライドが切り替わるタイミングも分かりやすく表示させるギャラリー。Popupレスポンシブに対応したLightbox風のプラグイン。Popuphoverpulseマウスオーバーで画像が拡大。hoverpulsephotowallGoogle画像検索のようなアニメーションを実装。Zoomシンプルで美しいLightbox系のプラグイン。Zoomテキスト、エフェクト系trunk8長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてくれるプラグイン。Glowマウスオーバーするとテキストにふんわりとエフェクトをかけられる。plugin指定したテキストに光が移動するエフェクトを与える。pluginTextualizerフェードやスライドといった様々なエフェクトをテキストに与える。TextualizerFitText可変するブラウザ幅にテキストサイズを自動で合わせてくれる。FitTextTextillate.js指定したテキストに面白いCSS3アニメーションを加える。Textillate.jsKerning.js文字間のカーニングや一部の文字の色を変えたりできるプラグイン。Kerning.jsナビゲーション、メニュー、リスト系Navi.jsナビゲーションとコンテンツが連動して切り替わるプラグイン。Inputシンプルでお洒落なタグを入力して追加したり削減したりすることができる。Sortableリスト化した要素をドラッグ&ドロップで並べ替えできる。SortableSidr画面の横からクイッとサイドメニューを表示SidrFlexNavシンプルなデザインでレスポンシブにも対応したナビゲーションメニュー。FlexNavその他(スクロール、ティッカー、ツールチップ等)FitVids.JSYouTubeやVimeoからの埋め込み動画をレスポンシブに対応。‘emscrollUp下へスクロールしていくと、先頭に戻るボタンを表示。ALERT!画像やテキストといった部分にボカシを入れる。ALERT!jquery.columns複数あるカラムをレスポンシブに対応。jquery.columnsBetterToggle指定した要素を拡大しながら表示させたり非表示にしたりできるプラグイン。BetterToggleVerticalShift要素を縦長に並べてマウスオーバーで全部表示。VerticalShiftTooltipsterシンプルで使い勝手がとてもいいツールチップ。Swatchesカラー値を指定するだけで自分の好きなカラースウォッチを表示。SwatchesSlickhover.jsホバー時に滑らかでスムーズなエフェクトを実装。Slickhover.jsvTickerシンプルで使い方も簡単な垂直ティッカー。Easyログインフォームや動画、地図などといった色んなメニューやコンテンツをモーダルウィンドウで実装。Columnsテーブルの列幅をドラッグで好きなサイズに変更。ColumnsHCaptions指定した要素をホバーすると色々なエフェクトでキャプションをオーバーレイ表示。Time下へスクロールしていくとスクロールバーにあと何分で読めるか時間を表示。Timeということで、2013年上半期に紹介したjQueryプラグインのまとめでした。関連記事JavaScriptjQueryプラグイン・2014年下半期70選まとめ今年も残すところ後わずかとなってしまいました。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。フレール」という紅茶の専門店があり、...2020.01.27逆さでも使えるサンワのLEDつき充電式電動エアダス...サンワサプライからガス不使用で環境にやさしい充電式電動エアダスター「CD-ADE...2020.01.24銀座の無印で朝食→大人のジャムパン(月と花)→松濤...この日のスタートは銀座から。WAIT...昨日の東急プラザの続き。一日中渋谷で遊んでいたらすっかり夜になってしまった。