Clik 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 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.
【BRINGINS】Webページに覆いかぶせるようなアニメーションでコンテンツを表示できるjQueryプラグイン【jQueryプラグイン】
ここがおすすめ 簡単なコードを書くだけで、かっこいいアニメーションでコンテンツを表示させることが出来ておすすめです。 サンプル bringins demo 公式サイト bringins jQuery 導入方法 このプラグインを使うには、 1.ファイルの取得と読み込み 2.htmlファイルへのプラグイン呼び出しの記述 3.htmlファイルに表示させるコンテンツを記述する が必要になります。...
View ArticleClik here to view.
【ZooMove】マウスオーバーで画像をズーム表示できるjQueryプラグイン【jQueryプラグイン】
ここがおすすめ 簡単なコードで画像にズーム効果を付けられておすすめです。imgタグでなくfigureタグを使っているのがちょっと変わっています。 サンプル ZooMove | jQuery Zoom Image Examples項目 公式サイト ZooMove | jQuery Zoom Image jQuery 導入方法 必要な段取り このプラグインを使うには、 1.ファイルの取得と読み込み...
View Article【ScrollTrigger】画面スクロールによるアニメーションをサクッと実装【Javascriptライブラリー】
ここがおすすめ 画面スクロールを基準(トリガー)として要素がアニメーションするページを作成できます。 比較的単純なアニメーションページを短時間で作るのに向いていそうです。 サンプル ScrollTrigger – Scroll based animations with ease 公式サイト GitHub – terwanerik/ScrollTrigger: Triggers classes...
View Article【Featherlight.js】テキストをライトボックスに表示できるjQueryプラグイン【jQueryプラグイン】
ここがおすすめ Featherlight.jsは軽量なライトボックス作成プラグインです。htmlで作成したテキストもライトボックスに挿入することができておすすめです。 この記事では、Featherlight.jsでテキストをライトボックスに表示させる方法を紹介します。 サンプル Featherlight – The ultra slim jQuery...
View ArticleClik here to view.
多分一番簡単！ドロワーメニューを実装するためのjQueryプラグイン「drawer」
はじめに drawerはその名の通り、ドロワーメニューを実装するためのjQueryプラグインです。 ドロワーメニューとは、よくスマートフォン向けWebサイトやWebアプリで見かける、横3本線のボタンを押すと、画面外からメニューが入り込んでくる仕組みです。 ドロワーメニュー作成用のjQueryプラグインは数ありますが、特に実装の簡単さで言うと今回紹介する「drawer」はかなりのすぐれものです。...
View ArticleClik here to view.
【おすすめ記事紹介】内容がスライドして表示されるのが独特なレスポンシブ対応タブを実装できるjqueryプラグインが紹介されています
おすすめ記事のアドレス Responsive Sliding Tabs Plugin with jQuery – Tabs.js | Free jQuery Plugins 筆者のひとこと レスポンシブでハンバーガーメニューに変形するのが便利。
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プラグインの紹介です
おすすめ記事のアドレス ukrbublik/grisel · GitHub 筆者のひとこと アニメーションがよいデキで、実践で使いどころもありそうなjQueryプラグインです。 ちょっと公式の解説が少ないですが、ダウンロードファイルのなかのdemo.htmlでコードを解析できます。
View ArticleWebサイトのフォームにツールチップ状のヒントを表示させるjQueryプラグイン「Progression」
Progressionとは Progressionは、Webサイトのフォーム入力欄に、ツールチップ上のヒントを表示させることができるjQueryプラグインです。 関連ページ 公式サイト(デモあり)：Progression.js githubページ：aarondo/progression.js · GitHub jQuery公式サイト：jQuery 設定方法 必要ファイルダウンロード...
View ArticleClik here to view.
Webページにシンプルなカウントダウンタイマーを設置できるjQueryプラグイン「Simple.Timer」
Simple.Timerとは Simple.Timerは、Webページにさくっとカウントダウンタイマーを設置できるjQueryプラグインです。 関連ページ 公式ページ(デモ・ダウンロードあり)：Simple.Timer by caike githubページ：caike/jQuery-Simple-Timer · GitHub 使用方法 必要ファイル...
View ArticleClik here to view.
【おすすめブログ記事紹介】Webページのスクロールバーをおしゃれ&多機能にしてくれるjQueryプラグインの紹介です
おすすめ記事のアドレス ScrollMenu.js | A new interface to replace your old boring scrollbar. 筆者のひとこと スクロールバーがページ内リンクにも。 縦長のエンターテイメント系サイトで活用できそう。 詳しい解説は上記ページ内「API...
View ArticleClik here to view.
設定のシンプルさがうれしい、タイル状に画像を配置するためのjQueryプラグイン「jQuery Sortable Photos」
jQuery Sortable Photosとは jQuery Sortable Photosは、複数の画像をタイル状に配置するためのjQueryプラグインです。 jQuery Sortable Photos by Gergely Lekli 特徴 タイル状画像配置プラグインというと、Masonryというプラグインが有名です。jQuery Sortable...
View ArticleFontAwesomeのアイコンをカーソル画像に使えるjQueryプラグイン「jQuery Awesome Cursor」
jQuery Awesome Cursorとは jQuery Awesome Cursorは、FontAwesomeで用意されている膨大なアイコンを、マウスカーソル画像として使えるようにするjQueryプラグインです。 関連サイト FontAwesome Font Awesome, the iconic font and CSS toolkit jQuery Awesome Cursor公式ページ...
View ArticleClik here to view.
リッチなグリッドイメージレイアウトが実装できる有料jQueryプラグイン「imGrid」
関連サイト CodeCanyon内公式ページ(購入ページ)：JavaScript – imGrid – Media Grid Responsive Gallery | CodeCanyon デモ：imGrid – Media Grid Responsive Gallery Preview – CodeCanyon imGridとは...
View ArticleClik here to view.
画像をブラー（ぼやけ）効果がついた背景画像として配置してくれるjQueryプラグイン「jquery.blurr.js」
jquery.blurr.jsとは jquery.blurr.jsは、画像にブラー（ぼやけ）効果をつけて、背景画像に設定してくれるjQueryプラグインです。 ブラー効果付きの背景画像、これを頻繁に変える必要があるWebページで、そのたびに画像加工ソフトを使って作業をするのはけっこう面倒です。 当プラグインを使うと、この加工工程を省略することができます。 関連サイト...
View ArticleClik here to view.
アニメーションで高クオリティ&多機能な有料jQueryスライダープラグイン「Cloud Slider」
Cloud Sliderとは Cloud Sliderは下記する多彩な機能を備えたjQueryプラグインです。 有料で、価格が10ドル。 下記のサイトで購入できます。 JavaScript – Cloud Slider – Responsive jQuery Slider Plugin | CodeCanyon ちなみに購入先の「code...
View ArticleClik here to view.
超シンプルにツールチップが作れるjQueryプラグイン「jQuery Cursor Tooltips」
jQuery Cursor Tooltipsとは jQuery Cursor Tooltipsは少ないコードでツールチップを実装できる、jQueryプラグインです。 jQuery Cursor Tooltips、githubサイト nathco/jQuery.mousetip · GitHub ツールチップとは ツールチップは、ある要素にマウスが乗った時に現れる要素のことです。...
View ArticleClik here to view.
超シンプルなスライダー機能実装プラグイン「Super Simpe Slider」設置で学ぶ、jQueryプラグイン設置入門
はじめに Super Simpe Sliderはシンプルさが売りのjQueryスライダープラグインです。 今回の記事では、jQueryプラグイン導入初心者の方に向けて、Super Simple Sliderをサンプルに、一般的なjQueryプラグインの導入方法をレクチャーします。 Super Simple Slider 公式サイト Super. Simple. Slider....
View Article
