非依存なHTML5オーディオプレーヤー・「Amplitude.js」
Amplitude.js Amplitude.jsは依存性の無いHTML5 オーディオプレーヤー実装スクリプトです。フレキシブルで軽量、タッチデバイスフレンドリーな点が主な特徴のようです。シンプルで良いんじゃないでしょうか。jsDel...
Resource - JavaScript
Bulmaフレームワーク向けに作られたVue.jsベースのUIコンポーネント・「Buefy」
Buefy BuefyはBulmaフレームワーク向けに作られたVue.jsベースの軽量なUIコンポーネント集です。よく必要とされるtableやタブ、ボタン、アラートやモーダルウィンドウ、フォーム周りなど一通り揃えられています。Bulm...
TwitterなどのSNSのembedを任意の高さと幅に出来るスクリプト・「embedo」
embedo embedoはTwitterやFacebook、InstagramやYoutubeなどのSNSのembedを任意の高さや幅に出来るスクリプトです。PinterestやVimeo、Google Mapにも対応しているそうで...
ランダムにパスワードを生成するスクリプト・「jquery.passwordGenerator」
jquery.passwordGenerator See the Pen jQuery Password Generator by kachibito (@kachibito) on CodePen. jquery.passwo...
スライダータイプの使いやすいタイムラインスクリプト・「Timeline.js」
Timeline.js Timeline.jsはスライダー形式で年表のようなタイムラインを表示するスクリプトです。jQueryに依存しています。よくあるタイムラインスクリプトのように細かく年月日設定する等は出来無さそうですが、ざっくり...
ECサイトに必要なUI構築をサポートするライブラリ・「Shop.js」
Shop.js Shop.jsはECサイトに必要になるカートやチェックアウトのUI構築をサポートするライブラリです。カートニ追加する、チェックアウトのフォーム、カートをスライドインさせるなどなど。そういえばありそうでなかったかも。ライ...
モバイル向けに作られたシンプルなイメージビューア・「SmartPhoto.js」
SmartPhoto.js SmartPhoto.jsはスマフォ向けに作られたシンプルなフォトギャラリースクリプトです。他ライブラリに依存せず単体で動作してくれます。ピンチイン/アウト、ドラッグやスワイプなどのイベントに対応しています...
一定の時間経過したら等、時間でCSSを制御するスクリプト・「STIMED.js」
STIMED.js STIMED.jsは一定の時間経過等、時間でCSSを制御するスクリプトです。jQueryに依存します。指定方法は以下のような感じ。 昼と夜でコントラストを変えたり、要素の色を変えたり、画像を変えた...
JSONデータやPDF等の印刷をサポートするスクリプト・「Print.js」
Print.js Print.jsはWeb状のデータやページ印刷をサポートしてくれる小さなスクリプトです。PDFの印刷は、ファイルを開かず、直接印刷プレビューに行けるようにしたり、フォームの印刷、JSONデータを元にテーブル化して印刷...
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」
mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...
CSS transitionsを使用したハンバーガーメニュー・「Ember Burger Menu」
Ember Burger Menu Ember Burger MenuはCSS transitionsを使用したハンバーガーメニューです。アニメーションはtympanusの記事を参考にしているものだそうで、モダンなエフェクトのオフキャ...
波状の動きの背景を作成できるライブラリ・「Wavie.js」
Wavie.js Wavie.jsは波のような動きの背景を作成出来るライブラリです。canvasでオブジェクトを描いて一定の動きを付与する、みたいなシンプルなもの。方向やオブジェクトのサイズの設定等が可能なので多用な動きを表現する事が...
jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」
Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...
軽量シンプルなツールチップライブラリ・「Tippy.js」
Tippy.js Tippy.jsは軽量シンプルなツールチップライブラリです。他ライブラリを必要としない非依存型となっています。Popper.jsがベースみたいですね。オプションもいろいろ。使い方も簡単そうですね。ライセンスはMIT。...
スクロールに応じて要素にアニメーションエフェクトを付与できるライブラリ・「AOS」
AOS AOSはスクロールに応じて要素にアニメーションエフェクトを付与出来るライブラリです。Animate On Scrollの略だそうで、簡単にスクロールに応じたエフェクトを実装する事が出来ます。ライブラリを読み込んでエフェクトを与...
SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」
jQuery-svg-progress jQuery-svg-progressはSVGを使ったプログレスバーを実装出来るスクリプトです。jQueryに依存します。SVGなのである程度自由にカスタマイズできる点が魅力ですね。モニター幅の...
JSONデータから年表のようなタイムラインを作れるスクリプト・「Albe Timeline」
Albe Timeline Albe TimelineはJSONデータから年表を作成出来るスクリプトです。jQueryに依存しています。JSON形式で書かれたデータで自動的に上図のようなタイムラインを作ることが出来ます。シンプルに、た...
SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」
jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」
paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...
使いやすいスプレッドシートを実装出来るスクリプト・「jexcel」
jexcel jexcelはスプレッドシート実装の為のスクリプトです。jQueryに依存します。上図のようなスプレッドシートを作成出来ます。CSVやJSONのデータで作成可能、Excelと互換性があるとの事です。表計算は勿論、テーブル...
Webアプリケーション開発を少しだけサポートするJavaScriptライブラリ・「HYPERAPP」
HYPERAPP HYPERAPPはWebアプリ開発を少しだけサポートしてくれるJSライブラリです。本ライブラリではクリック数検知やカラーコードのパース、要素のドラッグ&ドロップ、キーワードマッチ、マウスの動きの解析やTodo、時計な...
円や三角、ハート型などで実装出来るプログレスバー・「ProgressBar.js」
ProgressBar.js ProgressBar.jsは円や三角、ハート型など、形状をカスタマイズ出来るプログレスバー実装スクリプトです。シンプルで良いですね。仕様はシンプルで対応ブラウザも幅広いので扱いやすそうな印象です。ライセ...