Google Maps Javascript APIでフォームでの住所入力を自動補完する・「Autocomplete for Addresses and Search Terms」
Autocomplete for Addresses and Search Terms Google Maps Javascript APIを使ったフォームの住所自動補完が便利そうだったのでメモ。恥ずかしながら、今まで知りませんでした...
Resource - フレームワーク
コンテンツを直接編集出来るシンプルなWYSIWYGエディタ・「ContentTools」
ContentTools ContentToolsは閲覧中のページをその場で直接編集出来るシンプルなWYSIWYGエディタ実装ライブラリです。上図のように左上にアイコンが表示されるのでそこから編集モードにスイッチ出来ます。ツール部分は...
JavaScriptベースのOSSゲームフレームワーク・「Playground.js」
Playground.js Playground.jsはオープンソースのJavaScript製ゲームフレームワークです。基本的なAPIのサポートやモバイルデバイスへの対応もしてあるみたい。より使いやすく、すぐに使えるアウトオブボックス...
画像に自動で透かしを付与するスクリプト・「Watermark」
Watermark Watermarkは画像に自動で透かしを付与するスクリプトです。jQueryに依存しています。透かしはHTML5とJSで処理され、任意の画像やテキストの選択及びそのスタイル、透かしを入れる場所の設定が可能です。わざ...
PDFやODF等のドキュメントファイルをWebサイトで表示させる為のスクリプト・「ViewerJS」
ViewerJS ViewerJSはPDFやスプレッドシート等をWebサイトに埋め込めるJavaScript製のドキュメントリーダーです。PDF.jsやWebODFを利用しているみたいですね。ライセンスはAGPLの元、OSSとして公開...
指定した正規表現にマッチする文字列をランダムで返すスクリプト・「randexp.js」
randexp.js randexp.jsは書いた正規表現にマッチするキーワードをランダムで返してくれるスクリプトです。例えば(||3)日とすれば、1日から31日までがランダムで表示される、というもの。用途はともかくとして、ちょっと面...
シンプルで軽量なプログレスバー実装の為のJSライブラリ・「nanobar」
nanobar nanobarはシンプルで軽量なプログレスバーライブラリです。非依存型で単体で動作します。見た目はYoutubeのプログレスバーっぽい感じ。minファイルで1.4kbほど、gzipで630bほどになるみたいでとても軽量...
ベン図やオイラー図を作成出来るライブラリ・「venn.js」
venn.js venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです（参照：ベン図・オイラー図）。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部...
CSSで作られた様々なボタンをTumblrで紹介する・「CSS Buttons」
CSS Buttons CSS ButtonsはCSSで作られたボタンを紹介するTumblrです。アニメーションエフェクトのあるボタンはGifアニメで紹介されています。基本的にはCodePenへのリンクも貼られていますのでコードの確認...
ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」
WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...
ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」
Pannellum Pannellumはブラウザで動くパノラマビューアです。HTML5、JavaScript、CSS3、WebGL等を使って構築されています。Googleのストリートビューライクにマウスでぐりぐりと動かすことが出来ます...
HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」
EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...
様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」
JavaScripting.com JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいよう...
テキストをパースして自然言語を抽出するスクリプト・「Knwl.js」
Knwl.js Knwl.jsは任意のテキストを解析して自然言語を抽出する為のスクリプトです。テキストから日付や時間、場所、電話番号、メールアドレス等を取り出す事が出来る自然言語パーサーとして開発を進めているみたいです。また、まだ開発...
PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
DeviceMock.js DeviceMock.jsはモックアップ作成の為のスクリプトです。jQueryに依存しています。PCやスマフォ、タブレット等で閲覧した際のSSをユーザーに見せたい時に、みたいなやつ。わざわざJS使う必要無い...
flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」
cssPlus cssPlusはflexboxをベースにして構築されたフレキシブルでシンプルなCSSフレームワークです。各主要ブラウザにも対応しています。迅速で手軽な開発をサポートしたい、との事。ライセンスはMIT。 cssPl...
レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」
Styleguide StyleguideはWebサイトのスタイルガイドを作成出来るツール。OSSとして公開されています。RWDにも対応できるように、リサイズ機能も付与。動作デモを見たほうが早そうですね。ライセンスはMIT。 S...
Sinatraベースのダッシュボード用フレームワーク・「Dashing」
Dashing Dashingはオンラインショップサービスを手がけるShopifyが公開したダッシュボード構築の為のフレームワークです。Sinatraベースのようですね。パッと見である程度把握出来るレイアウトでなかなかよさ気。TVみた...
Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」
Markdown UI Markdown UIはMarkdown記法で構築出来るRWD対応のUIフレームワークです。UIのスタイルはフレームワークらしく、極めてシンプルなものになっていますので自分好みにカスタマイズする形で使用する感じ...
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...
JavaScript製の2D物理エンジン・「p2.js」
p2.js p2.jsはJS製の2D物理エンジンです。衝突検出や反発、摩擦、モーター動作、バネ動作などなどよくある一般的な物理エンジンですね。ゲーム開発等に如何でしょうか。ライセンスはMIT。 p2.js
React.jsベースのプレゼンテーションライブラリ・「Spectacle」
Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...