JavaScript

人気のJavaScriptライブラリ、jQueryプラグイン35選

2016年に人気だったJavaScriptライブラリ、jQueryプラグインを紹介します。最近は、jQueryなどの外部ライブラリを必要とせず、単独で動作するも...

ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリ「CurrencyFormatter.js」

CurrencyFormatter.jsは、ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリです。 ドル、円、ユーロ、...

iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えるJSプラグイン「Reframe.js」

Reframe.jsは、iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えることができるJavaScriptプラグインです。 YouT...

CSSとJSで実装するおしゃれな五輪リング

CSSとJSで実装したおしゃれな五輪リングです。 アニメーションの動作はデモページで確認できます。 実装方法 HTML SVGを使います。 <div ...

Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるオンラインツール『EZ MAP』

Google Mapを自由にカスタマイズして、生成されたコードをコピペで利用することができるオンラインツールを紹介します。 Google Mapを自由にカス...

キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現

<canvas>タグを使った、画像のスクラッチ表現を紹介します。 キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現 Scrat...

YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリ「Video.js」

YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリを紹介します。 YouTubeのようなHTML5動画プレイヤーを実装するこ...

jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーのJSライブラリ「lightgallery.js」

jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーを実装することができるJSライブラリを紹介します。 lightgallery.jsは、画像...

mo.jsを使ってクリエイティブなモーショングラフィックを実装しよう!

mo.jsはモーショングラフィックを実装することができるJSライブラリです。 パワフルで、クリエイティブなモーションを実装することができます。 まずは、mo...

スクロールに応じてアニメーションを実装できるJSライブラリ「AOS」

スクロールに応じてアニメーションを実装できるJSライブラリを紹介します。 AOS AOSの紹介 スクロールに応じて要素にアニメーションを実装することができる...

フレキシブル、軽量なアニメーションライブラリ「anime.js」

フレキシブル、軽量なアニメーションライブラリを紹介します。 anime.js anime.jsの紹介 anime.jsは、フレキシブル、軽量なアニメーション...

クリエイティブな表現を実現!最新のJSライブラリ・チュートリアルまとめ

今月注目のJavaScriptライブラリ、チュートリアルを紹介します。 人気の記事 まずは、Web制作ナビで最近紹介した人気記事からピックアップ。 ...

今、リアルタイムにサイトを見ているユーザー数を表示する方法「Real Time User」

今、サイトに、今、そのサイトを見ているユーザー数をリアルタイムで表示する方法を紹介します。 Real Time Userは、60秒以内にサイトを閲覧したユ...

Twitter、Instagram、YouTube、GoogleMapなどサイトにあらゆるものを埋め込むことができるJS「embed.js」

Twitter、Instagram、YouTube、GoogleMapなどサイトにあらゆるものを埋め込むことができるスクリプトを紹介します。 embed....

Twitterのツイート数をカウント、表示する方法 widgetoon.js & count.jsoon

「widgetoon.js & count.jsoon」を使ってTwitterのツイート数をカウント、表示する方法を紹介します。 widgetoon.js ...

Drift.jsを使ってECサイトでよく見かける商品画像の拡大表示を実装する方法

ECサイトでよく見かける商品画像の拡大表示を実装する方法を紹介します。 Drift.jsは、ECサイトでよく見かける商品画像の拡大表示を実装することができ...

カラフルなポリゴンスタイルの画像を生成することができるJSライブラ「Trianglify」

JavaScriptでカラフルなポリゴンテクスチャを描くことができる「Trianglify」を紹介します。 Trianglifyはカラフルなポリゴンスタイ...

綺麗なカウント付きシェアボタンを簡単に設置できるJS「Shr」

綺麗なカウント付きシェアボタンを簡単に設置できるJavaSciprt「Shr」を紹介します。 Shr 対応しているソーシャルネットワークはGitHub、F...

iframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグイン「Flexy」

Flexyはiframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグインです。 まずは、デモページをご覧くださ...

アラートメッセージの決定版!リッチなアラートモーダルを実装できるJSプラグイン「SweetAlert2」

リッチなアラートメッセージモーダルを実装できるJSプラグインを紹介します。豊富な機能を備えており、モーダルでやりたいことが、一通りできます。 SweetAl...

使いやすい!HTMLテーブルをxlsx、csv、txt形式でダウンロードできるjQueryプラグイン「TableExport.js」

HTMLテーブルをxlsx、csv、txt形式でダウンロードできるjQueryプラグインを紹介します。 TableExport.js TableExpor...