ECサイトに必要なUI構築をサポートするライブラリ・「Shop.js」 Shop.js Shop.jsはECサイトに必要になるカートやチェックアウトのUI構築をサポートするライブラリです。カートニ追加する、チェックアウトのフォーム、カートをスライドインさせるなどなど。そういえばありそうでなかったかも。ライ...2017.05.19 | 10時28分46秒
モバイル向けに作られたシンプルなイメージビューア・「SmartPhoto.js」 SmartPhoto.js SmartPhoto.jsはスマフォ向けに作られたシンプルなフォトギャラリースクリプトです。他ライブラリに依存せず単体で動作してくれます。ピンチイン/アウト、ドラッグやスワイプなどのイベントに対応しています...2017.05.15 | 10時16分36秒
一定の時間経過したら等、時間でCSSを制御するスクリプト・「STIMED.js」 STIMED.js STIMED.jsは一定の時間経過等、時間でCSSを制御するスクリプトです。jQueryに依存します。指定方法は以下のような感じ。 昼と夜でコントラストを変えたり、要素の色を変えたり、画像を変えた...2017.05.13 | 10時01分13秒
Minecraftのようなボクセルゲームを実装出来るOSS・「Minetest」 Minetest MinetestはMinecraftのようなボクセルゲームを実装出来るOSSです。Terasologyやvoxel.js同様、オープンソースで公開されたもので、マイクラライクなボックス世界を楽しむゲームを構築出来る、...2017.05.12 | 10時37分29秒
JSONデータやPDF等の印刷をサポートするスクリプト・「Print.js」 Print.js Print.jsはWeb状のデータやページ印刷をサポートしてくれる小さなスクリプトです。PDFの印刷は、ファイルを開かず、直接印刷プレビューに行けるようにしたり、フォームの印刷、JSONデータを元にテーブル化して印刷...2017.05.09 | 10時01分21秒
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」 mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...2017.05.07 | 10時43分25秒
CSS transitionsを使用したハンバーガーメニュー・「Ember Burger Menu」 Ember Burger Menu Ember Burger MenuはCSS transitionsを使用したハンバーガーメニューです。アニメーションはtympanusの記事を参考にしているものだそうで、モダンなエフェクトのオフキャ...2017.05.02 | 10時58分23秒
jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」 Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...2017.04.25 | 10時32分30秒
REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」 CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...2017.04.22 | 10時15分23秒
軽量シンプルなツールチップライブラリ・「Tippy.js」 Tippy.js Tippy.jsは軽量シンプルなツールチップライブラリです。他ライブラリを必要としない非依存型となっています。Popper.jsがベースみたいですね。オプションもいろいろ。使い方も簡単そうですね。ライセンスはMIT。...2017.04.12 | 10時09分50秒
オープンソースで公開されているシンプルなカラーピッカーChromeエクステンション・「Eye Dropper」 Eye Dropper Eye DropperはChromeエクステンションで使えるシンプルなカラーピッカーです。任意のWebページで任意の箇所のカラーを取得する事が出来ます。余計な機能は要らんから色だけ取得させてくれ、という方にはピ...2017.04.08 | 10時02分13秒
jsfiddleやJSBinのようにコードテストが出来るオープンソースソフトウェア・「CodeWich」 CodeWich CodeWichは jsfiddleやJSBinのようにJS/HTML/CSSの実行テストが出来るOSSです。embedは出来ないみたい。Googleにお勤めの方が作成されたようですが、Google公式のものではない...2017.04.06 | 10時01分35秒
スクロールに応じて要素にアニメーションエフェクトを付与できるライブラリ・「AOS」 AOS AOSはスクロールに応じて要素にアニメーションエフェクトを付与出来るライブラリです。Animate On Scrollの略だそうで、簡単にスクロールに応じたエフェクトを実装する事が出来ます。ライブラリを読み込んでエフェクトを与...2017.04.04 | 10時43分09秒
SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」 jQuery-svg-progress jQuery-svg-progressはSVGを使ったプログレスバーを実装出来るスクリプトです。jQueryに依存します。SVGなのである程度自由にカスタマイズできる点が魅力ですね。モニター幅の...2017.04.02 | 10時32分30秒
JSONデータから年表のようなタイムラインを作れるスクリプト・「Albe Timeline」 Albe Timeline Albe TimelineはJSONデータから年表を作成出来るスクリプトです。jQueryに依存しています。JSON形式で書かれたデータで自動的に上図のようなタイムラインを作ることが出来ます。シンプルに、た...2017.04.01 | 10時01分43秒
SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」 jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...2017.03.30 | 10時31分36秒
ChromeやFirefox、Operaの拡張機能を作るためのフレームワーク・「Extension Boilerplate」 Extension Boilerplate Extension BoilerplateはChromeやOpera、Firefox等のブラウザ向けの拡張機能を作るためのBoilerplateです。基礎部分のみですが、異なるブラウザでも動...2017.03.29 | 10時02分11秒
CKEditorをベースに構築されたモダンなWYSIWYGエディタ・「AlloyEditor」 AlloyEditor AlloyEditorはCKEditorをベースに構築されたモダンなWYSIWYGエディタです。CKEditorのインラインエディタをMediumのエディタライクにしたもので、ツールバーもシンプルなものになって...2017.03.28 | 10時04分41秒
Webアプリの為のミニマルなフロントエンドフレームワーク・「uix」 uix uixはモダンなWebアプリケーションの為に構築されたミニマルなフロントエンドフレームワークです。Webアプリケーション構築の際のスタイリングプロセスを簡素化するコンポーネントを提供するのが目的で、拡張性を考慮し、ミニマル設計...2017.03.27 | 10時46分44秒
Meteor + Vue.jsのマテリアルデザインUIフレームワーク・「viu」 viu viuはMeteor + Vue.jsのUIフレームワークです。マテリアルデザインに基づいたスタイルとなっています。モバイルファーストで各コンポーネントが用意されています。詳細が書かれてないので今後の事等は分かりませんが、ライ...2017.03.22 | 10時55分35秒
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」 paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...2017.03.17 | 10時54分26秒
Webアプリケーション開発を少しだけサポートするJavaScriptライブラリ・「HYPERAPP」 HYPERAPP HYPERAPPはWebアプリ開発を少しだけサポートしてくれるJSライブラリです。本ライブラリではクリック数検知やカラーコードのパース、要素のドラッグ&ドロップ、キーワードマッチ、マウスの動きの解析やTodo、時計な...2017.03.10 | 10時56分44秒