JavaScript

2016年、人気の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プラグインです。 ...

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

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

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

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

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

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

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

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

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

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

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

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

スクロールに応じてアニメーションを実装できる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などサイトにあらゆるものを埋め込むことができるスクリプトを紹介します。 em...

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

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

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

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

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

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

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

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

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

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

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

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

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

HTMLテーブルをxlsx、csv、txt形式でダウンロードできるjQueryプラグインを紹介します。 TableExport.js Table...
タイトルとURLをコピーしました