アナログ時計を簡単に実装できるjQueryプラグイン（世界時計対応）「jClocksGMT」
アナログ時計を簡単に実装できるjQueryプラグインを紹介します。時刻はタイムゾーンを指定するだけなので、世界時計を簡単に実装することができます。 jClock...
JavaScript
マテリアルデザインでよく見かける波紋エフェクトを実装できる『jQuery Rippleria』
jQuery Rippleria jQuery Rippleriaは、マテリアルデザインでよく見かける、ボタンやオブジェクトを押した際の波紋エフェクトを実装でき...
いい感じ！SVGを使ったクールなスライダーエフェクトを実装できるjQueryプラグイン『Radial SVG Slider』
SVGを使ったクールなスライダーエフェクトを実装できるjQueryプラグイン、Radial SVG Sliderを紹介します。 Radial SVG Slide...
画像に使われている色を抽出して、背景色を自動設定できるjQueryプラグイン「adaptive-backgrounds.js」
画像に使われている色を抽出して、背景色を自動設定できるjQueryプラグインを紹介します。 jquery.adaptive-backgrounds.js jqu...
動画を背景にフルスクリーンで表示できるJSライブラリ「bideo.js」
動画を背景にフルスクリーンで表示できるJSライブラリを紹介します。 bideo.js 背景に動画を表示するサイトが増えています。動画はユーザーの目を楽しませたり...
select要素のoptionをポップアップ選択できるUIを実装するjQueryプラグイン PopSelect
select要素のoptionをポップアップ選択できるUIを実装するjQueryプラグインを紹介します。 PopSelect PopSelectはselect要...
最近のWebサイトでよく見かける表現を実装できるJSライブラリ・チュートリアルまとめ
ユニークなタイムピッカーや画面遷移アニメーション、WebGLを使った陽炎エフェクトからプッシュ通知の実装まで、最近のWebサイトでよく見かける表現を実装できる注...
Chart.jsを使って、棒グラフ、折れ線グラフ、レーダーチャート、円グラフを表示しよう！（サンプル・解説付き）
Chart.jsはWebサイトにグラフを表示することができる、便利なライブラリです。 グラフ表示用のライブラリは色々とありますが、Chart.jsは軽量で、高機...
スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤー「Plyr.js」
スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤーを紹介します。 Plyrは、シンプルで高機能なHTML5メディアプレイヤーです。 ...
SVGフィルターを使ってボタンにオリジナリティのある動きを実装するチュートリアル
CordropsにSVGフィルターを使ってボタンにオリジナリティのある動きを実装するチュートリアルが掲載されていました。 素敵なエフェクトなので、実装方法とあわ...
jQueryプラグイン「editableTableWidget」を使って、Table内のテキストのリアルタイム編集を可能にする方法
editableTableWidgetというjQueryプラグインを使用して、Table内のテキストのリアルタイム編集を可能にする方法を紹介します。 まずはこち...
美しく機能的な日付入力、時刻入力を実装できるJSライブラリまとめ
シンプルで機能的な日付入力（日付ピッカー）、時刻入力を実装できるJavaScriptライブラリ、14個を紹介します。jQueryプラグインの他に、Angular...
レスポンシブ対応のグリッドレイアウトを簡単に実装できるテンプレート Gridfolio
レスポンシブ対応のグリッドレイアウトを簡単に実装できるテンプレートを紹介します。 Gridfolioを使えば、簡単にレスポンシブ対応のグリッドレイアウトを実装す...
JavaScriptを使ったSEO対策まとめ、など注目のJSライブラリ・チュートリアル12選
JavaScriptを使ってインタラクティブにコンテンツを読み込むサイトが増えています。Googlebotは大分進化していて、JavaScriptを実行できるよ...
任意のテキストに簡単にツイートを実装できるJSライブラリ InlineTweet.js
任意のテキストに簡単にツイートを実装できるJSライブラリを紹介します。 InlineTweet.jsは、任意のテキストに簡単にツイートを実装することができるJS...
CSSでレーティング評価の星を実装する3つの方法
CSSでレーティング評価の星を実装する3つの方法を紹介します。 1. CSSとSVGでレーティング評価の星を実装する方法 CSSとSVGを使ってレーティング評価...
最近のWebサイトで見かけるHTML/CSSスニペット・JSライブラリ33個まとめ
最近のWebサイトでよく見かけるアニメーションやインターフェースを簡単に実装できる、便利なHTML/CSSスニペット、JavaScriptライブラリを紹介します...
キーボードで操作できるSVGのドラムアニメーションが凄い！
SVG画像とJavaScript、html5のaudio要素で実装されたドラムキットのアニメーションを紹介します。 まずは、こちらのデモをご覧ください。 キーボ...
ドラッグ＆ドロップでファイルをアップロードできるライブラリ DropzoneJS
DropzoneJSはドラッグ＆ドロップでファイルをアップロードできるライブラリです。 最近よく見かける、ドラッグ＆ドロップでファイルをアップロードするUIを実...
シンプルなモーダル表示用jqueryライブラリ Remodal
Remodalはシンプルなモーダル表示用jqueryライブラリです。 シンプルに実装できて、使いやすいのが特徴です。 デモ デモページを用意しました。 ダウンロ...
横幅に応じてメニュー数が変動するjQueryナビゲーション okayNav
okayNavは横幅に応じてメニュー数が変動するナビゲーションです。 レスポンシブなナビゲーションで、横幅を変えると表示されるメニュー数が変動します。 レスポン...