jQueryライブラリ

JavaScript

YouTube動画の背景再生を設定できるjQueryプラグイン「jquery.mb.YTPlayer」

WebサイトでYouTube動画の背景再生を設定できるjQueryプラグイン「jquery.mb.YTPlayer」の紹介です。 「jquery.mb.YTPlayer」のダウンロード GitHubで…

はにわまん
JavaScript

画像を隙間なく詰めてピッタリ配置してくれるjQueryプラグイン「Masonry.js」

ギャラリーサイトなどで活躍しそうなjQueryプラグイン「Masonry.js」の使い方を紹介します。 縦横の大きさが違う画像を配置すると、デコボコになったり変な余白が生まれたりしますが、Masonr…

はにわまん
JavaScript

アプリのようなドロワーをWebサイトで実現!jQueryプラグイン「hiraku.js」の使い方

アプリのような画面ごとスライドするドロワーメニューを簡単に実装できるjQueryプラグインを紹介します。 動きとしてはこんな感じ。今の世代に一番馴染みのある動きだと思います。 日本人が開発しているとこ…

はにわまん
JavaScript

見出しから目次を自動生成してくれるjQueryライブラリ「TOC」のダウンロードと使い方!

見出しから目次を自動生成してくれるJqueryライブラリ「TOC」を紹介します。 目次は、ユーザービリリティ向上のために欠かせないものとなっています。1記事ずつ手で目次を生成しているのはとても手間がか…

はにわまん
CSS

サイト内に擬似ウインドウを作る方法

サイト内で擬似的なウインドウを作る方法です。1つの要素をドラッグで可変にするのですが、凝ったことしなくてもcssにrisizeというプロパティが用意されているので簡単にできます! DEMO(デモ) 右…

はにわまん
JavaScript

色の指定が自由自在!カラーピッカーを出現させるjQueryプラグイン「Bootstrap Color Picker Sliders」

Bootstrapを拡張するjQueryプラグイン「Bootstrap Color Picker Sliders」の紹介です。 読み込むライブラリが多いのが難点ですが、スタイリッシュなカラーピッカーを…

はにわまん
JavaScript

テキストをクリップボードにコピーできるjQueryプラグイン「clipboard.js」

テキストをクリップボードにコピーできるjQueryプラグイン「clipboard.js」を紹介します。 実装すると以下のような処理ができるようになります! DEMO(デモ) ここの文字がコピーされます…

はにわまん
JavaScript

Gif動画に再生ボタンを付けて自動再生させないjQueryプラグイン「gifffer」

Gif動画が多くなると、いたるところで再生しまくってて、うっとうしくなります。また、読者もどこからが動画の始まりか分からないためユーザビリティも悪いです。 jQueryプラグイン「gifffer」を使…

はにわまん
JavaScript

数字をカウントアップしたい時のjQueryプラグイン「jquery-numerator.js」

数字をカウントアップできるjQueryプラグイン「jquery-numerator.js」を紹介します。 DEMO(デモ)   もう一回 ダウンロード ※ ver 0.2.1時点の内容です。…

はにわまん
JavaScript

背景色をスムーズに変化させるjQueryプラグイン「jquery-color」

背景色を緩やかに変化させることができるプラグインの紹介です。 何気ない変化にサイトへの「こだわり」が見えてきますよね。 DEMO(デモ) ダウンロード ※ ver 2.1.2時点の内容です。 ソースコ…

はにわまん
1 2