人気のJavaScriptライブラリ、jQueryプラグイン35選 2016年に人気だったJavaScriptライブラリ、jQueryプラグインを紹介します。 最近は、jQueryなどの外部ライブラリを必要とせず、単独で動作する...JavaScriptまとめ
ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリ「CurrencyFormatter.js」 CurrencyFormatter.jsは、ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリです。 ドル、円、ユーロ、ポンド...JavaScript
iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えるJSプラグイン「Reframe.js」 Reframe.jsは、iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えることができるJavaScriptプラグインです。 YouTube...JavaScript
CSSとJSで実装するおしゃれな五輪リング CSSとJSで実装したおしゃれな五輪リングです。 アニメーションの動作はデモページで確認できます。 実装方法 HTML SVGを使います。 <div class...JavaScriptHTML+CSS
Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるオンラインツール『EZ MAP』 Google Mapを自由にカスタマイズして、生成されたコードをコピペで利用することができるオンラインツールを紹介します。 Google Mapを自由にカスタマ...JavaScript便利ツール
キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現<canvas>タグを使った、画像のスクラッチ表現を紹介します。 キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現 Scratch...JavaScriptHTML+CSS
YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリ「Video.js」 YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリを紹介します。 YouTubeのようなHTML5動画プレイヤーを実装することが...おすすめJavaScript
jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーのJSライブラリ「lightgallery.js」 jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーを実装することができるJSライブラリを紹介します。 lightgallery.jsは、画像ギャラ...おすすめJavaScript
mo.jsを使ってクリエイティブなモーショングラフィックを実装しよう! mo.jsはモーショングラフィックを実装することができるJSライブラリです。 パワフルで、クリエイティブなモーションを実装することができます。 まずは、mo.j...おすすめJavaScript
スクロールに応じてアニメーションを実装できるJSライブラリ「AOS」 スクロールに応じてアニメーションを実装できるJSライブラリを紹介します。 AOS AOSの紹介 スクロールに応じて要素にアニメーションを実装することができるライ...JavaScript
フレキシブル、軽量なアニメーションライブラリ「anime.js」 フレキシブル、軽量なアニメーションライブラリを紹介します。 anime.js anime.jsの紹介 anime.jsは、フレキシブル、軽量なアニメーション用J...JavaScript
クリエイティブな表現を実現!最新のJSライブラリ・チュートリアルまとめ 今月注目のJavaScriptライブラリ、チュートリアルを紹介します。 人気の記事 まずは、Web制作ナビで最近紹介した人気記事からピックアップ。 クリエイティ...JavaScriptまとめ
今、リアルタイムにサイトを見ているユーザー数を表示する方法「Real Time User」 今、サイトに、今、そのサイトを見ているユーザー数をリアルタイムで表示する方法を紹介します。 Real Time Userは、60秒以内にサイトを閲覧したユーザー...JavaScript
Twitter、Instagram、YouTube、GoogleMapなどサイトにあらゆるものを埋め込むことができるJS「embed.js」 Twitter、Instagram、YouTube、GoogleMapなどサイトにあらゆるものを埋め込むことができるスクリプトを紹介します。 embed.jsは...JavaScript
Twitterのツイート数をカウント、表示する方法 widgetoon.js & count.jsoon 「widgetoon.js & count.jsoon」を使ってTwitterのツイート数をカウント、表示する方法を紹介します。 widgetoon.js & ...おすすめJavaScript
Drift.jsを使ってECサイトでよく見かける商品画像の拡大表示を実装する方法 ECサイトでよく見かける商品画像の拡大表示を実装する方法を紹介します。 Drift.jsは、ECサイトでよく見かける商品画像の拡大表示を実装することができるJS...おすすめJavaScript
カラフルなポリゴンスタイルの画像を生成することができるJSライブラ「Trianglify」 JavaScriptでカラフルなポリゴンテクスチャを描くことができる「Trianglify」を紹介します。 Trianglifyはカラフルなポリゴンスタイルの画...JavaScript
綺麗なカウント付きシェアボタンを簡単に設置できるJS「Shr」 綺麗なカウント付きシェアボタンを簡単に設置できるJavaSciprt「Shr」を紹介します。 Shr 対応しているソーシャルネットワークはGitHub、Face...おすすめソーシャルJavaScript
iframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグイン「Flexy」 Flexyはiframe、object、embed、videoをレスポンシブ対応にできる軽量のjQueryプラグインです。 まずは、デモページをご覧ください。 ...JavaScript
アラートメッセージの決定版!リッチなアラートモーダルを実装できるJSプラグイン「SweetAlert2」 リッチなアラートメッセージモーダルを実装できるJSプラグインを紹介します。豊富な機能を備えており、モーダルでやりたいことが、一通りできます。 SweetAler...おすすめJavaScript
使いやすい!HTMLテーブルをxlsx、csv、txt形式でダウンロードできるjQueryプラグイン「TableExport.js」 HTMLテーブルをxlsx、csv、txt形式でダウンロードできるjQueryプラグインを紹介します。 TableExport.js TableExport.j...おすすめJavaScript