Clik here to view.
【おすすめ記事紹介】多量の選択肢のあるセレクトフォームやラジオフォームをポップアップで表示できるjQueryプラグインの紹介です
おすすめ記事のアドレス ukrbublik/grisel · GitHub 筆者のひとこと アニメーションがよいデキで、実践で使いどころもありそうなjQueryプラグインです。 ちょっと公式の解説が少ないですが、ダウンロードファイルのなかのdemo.htmlでコードを解析できます。
View ArticleClik here to view.
【おすすめ記事紹介】フルスクリーンバックグラウンドスライダーjQueryプラグイン販売ページの紹介です
おすすめ記事のアドレス FullScreen Background Slider – jQuery SlideShow – JavaScript | CodeCanyon Fullscreen Background Slider – jQuery SlideShow 筆者のひとこと envanto...
View ArticleClik here to view.
【おすすめ記事紹介】内容がスライドして表示されるのが独特なレスポンシブ対応タブを実装できるjqueryプラグインが紹介されています
おすすめ記事のアドレス Responsive Sliding Tabs Plugin with jQuery – Tabs.js | Free jQuery Plugins 筆者のひとこと レスポンシブでハンバーガーメニューに変形するのが便利。
View ArticleClik here to view.
多分一番簡単！ドロワーメニューを実装するためのjQueryプラグイン「drawer」
はじめに drawerはその名の通り、ドロワーメニューを実装するためのjQueryプラグインです。 ドロワーメニューとは、よくスマートフォン向けWebサイトやWebアプリで見かける、横3本線のボタンを押すと、画面外からメニューが入り込んでくる仕組みです。 ドロワーメニュー作成用のjQueryプラグインは数ありますが、特に実装の簡単さで言うと今回紹介する「drawer」はかなりのすぐれものです。...
View Article【Featherlight.js】テキストをライトボックスに表示できるjQueryプラグイン【jQueryプラグイン】
ここがおすすめ Featherlight.jsは軽量なライトボックス作成プラグインです。htmlで作成したテキストもライトボックスに挿入することができておすすめです。 この記事では、Featherlight.jsでテキストをライトボックスに表示させる方法を紹介します。 サンプル Featherlight – The ultra slim jQuery...
View Article【ScrollTrigger】画面スクロールによるアニメーションをサクッと実装【Javascriptライブラリー】
ここがおすすめ 画面スクロールを基準(トリガー)として要素がアニメーションするページを作成できます。 比較的単純なアニメーションページを短時間で作るのに向いていそうです。 サンプル ScrollTrigger – Scroll based animations with ease 公式サイト GitHub – terwanerik/ScrollTrigger: Triggers classes...
View ArticleClik here to view.
【ZooMove】マウスオーバーで画像をズーム表示できるjQueryプラグイン【jQueryプラグイン】
ここがおすすめ 簡単なコードで画像にズーム効果を付けられておすすめです。imgタグでなくfigureタグを使っているのがちょっと変わっています。 サンプル ZooMove | jQuery Zoom Image Examples項目 公式サイト ZooMove | jQuery Zoom Image jQuery 導入方法 必要な段取り このプラグインを使うには、 1.ファイルの取得と読み込み...
View ArticleClik here to view.
【BRINGINS】Webページに覆いかぶせるようなアニメーションでコンテンツを表示できるjQueryプラグイン【jQueryプラグイン】
ここがおすすめ 簡単なコードを書くだけで、かっこいいアニメーションでコンテンツを表示させることが出来ておすすめです。 サンプル bringins demo 公式サイト bringins jQuery 導入方法 このプラグインを使うには、 1.ファイルの取得と読み込み 2.htmlファイルへのプラグイン呼び出しの記述 3.htmlファイルに表示させるコンテンツを記述する が必要になります。...
View ArticleClik here to view.
Waterfall.js MasonryよりもさくっとPinterestチックなグリッドが組めるJSライブラリー【Javascriptライブラリー】
ここがおすすめ Pinterest風グリッドがかんたんに実装できておすすめです。 グリッド実装系プラグインの大御所「Masonry」と比較すると、容量の軽さ(わずか1KB!!)と、jQueryに依存しない点が特長です。 Waterfall.js動作デモ Waterfall.js – Pinterest Grid in Just 1KB Waterfall.js公式サイト GitHub –...
View ArticleClik here to view.
Pure CSS Image Hover Effect Library CSSで作られたイメージホバーエフェクトを大量に使えるCSSライブラリー
ここがおすすめ 大量のエフェクトパターンから簡単なコードでイメージホバーエフェクトを実装できておすすめです。 Pure CSS Image Hover Effect Library動作デモ Imagehover.css – A Pure CSS Image Hover Effect Library | imagehover.css Pure CSS Image Hover Effect...
View Article