Resource - JavaScript

ダイナミックなグリッドレイアウトを実装するスクリプト・「Free Wall」

Free Wall Free Wallはダイナミックなグリッドレイアウトを実装するスクリプトです。jQuery又はZeptoに依存します。モニターの幅に合わせてレイアウトが可変、ネストされたボックスにも対応しています。オプションも豊富...

ChromeやFiredoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめた・「DevTools Snippets」

DevTools Snippets DevTools Snippetsは、ChromeやFirefoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめているプロジェクトサイト。画像をData URI schemeに変換し...

ChromeエクステンションのBoilerplatを作成出来る・「Extensionizr」

Extensionizr ExtensionizrはChromeのエクステンション向けの雛形を作成出来るオンラインツールです。HTML5の雛形を作成出来るInitializrの姉妹サイトみたいですね。利用法はほぼ同じで、様々な仕様を選...
Ads

OSSとしても公開されているJavaScriptベースのマージ/Diffツール・「Mergely」

Mergely MergelyはマージとDiffが可能なJSベースのWebアプリで、OSSとしても公開されています。HTML5とJavaScriptのみで構成されているみたいですね。対応言語はC、C + +、Java、HTML、XML...

Gistに書いたコードの管理が可能なソフトウェア・「Gisto」

Gisto GistoはGistのコードスニペットを管理するためのソフトウェアです。Gistoでコードを変更するだけで自動的にGist上のコードも更新されます。OSもWin、Mac、Linuxに対応しています。手軽に使えるのでスニペッ...

HTML5のパズルゲームエンジン・「Puzzle Script」

Puzzle Script Puzzle Scriptはタイルベースの​​パズルゲームを作るために設計されたHTML5のゲームエンジンです。専用のエディターでプレビュ-画面を見ながらコードを書けるみたい。なかなか面白そうです。 ...

CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」

jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...

ブックマークレットを作成 / 公開できる・「Bookmarkify.it」

Bookmarkify.it Bookmarkify.itはWeb上でブックマークレットを作成出来るWebツールです。作成と言っても、タイトルとJavaScriptの書き込み、別ファイルのjsをincludeさせるだけのシンプルなもの...

JSONデータをtableタグに変換する・「json.human.js」

json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...

音声による入力を可能にするライブラリ・「annyang」

annyang annyangは音声を認識し、声での入力を可能にする軽量スクリプトです。Web Speech APIを利用しています。Web Speech API で遊んでみたという記事の動作デモにあるようなコンテンツの作成に一役買っ...

iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」

ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...

jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」

Metro JS Metro JSはWindows8のMetroライクなUIを実装するjQueryのスクリプトです。コンテンツのスライドやフリップエフェクトでMetroっぽいUIを構築することが出来ます。また、デザインのテーマジェネレ...

軽量なJavaScriptライブラリをコレクションした・「microjs」

microjs microjsは軽量なJSライブラリだけをコレクションしているWebサイトです。5KB以内のスクリプトだけを纏めているようですね。簡単に特徴も書かれています。かなりの数ですが検索も出来るのでそこそこ探しやすのでは無いか...

レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」

skel.js skel.jsはレスポンシブなWebサイトを構築する為のフロントエンドフレームワークです。19kbと、なかなか軽量で内容も充実した印象でした。使い慣れれば便利そうです。ライセンスはMITとGPL。 skel.js

AngularJS用のチートシート・「AngularJS Cheat Sheet」

AngularJS Cheat Sheet AngularJS Cheat Sheetは名前の通り、Google製のJavaScript MVCフレームワ-ク、AngularJS用のチートシートです。PDFとしてもDL出来るみたい。B...

Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」

Fries Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT...

タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」

Phantom Limb Phantom Limbはデスクトップブラウザでタッチデバイス向けのイベントを動作テストできるブックマークレットです。任意のページでブックマークレットを起動するとクリックでタッチイベントが発火するようになりま...

JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」

Editr Editrは、ブラウザでJavaScriptやHTML、CSSを動作確認出来るオープンソースのソフトウェアです。jsfiddleライクな環境を作成出来ますが、ユーザー登録、保存、Gist等に送るなどの機能の無い、シンプルな...

jQueryのプラグインを大量に収集している・「Unheap」

Unheap UnheapはjQueryのプラグインを大量の収集、紹介しているWebサイトです。かなり細かくカテゴライズされているので探しやすい印象でした。社内向けに作ったリソースサイトらしいです。 Unheap

正規表現をブラウザ上で実行テスト・「refiddle」

refiddle refiddleはWeb上で正規表現をテストできるツールです。jsfiddleライクに正規表現を試すことが出来ます。上にコード、下にテキストを書いて、マッチした部分がハイライトされる仕組み。 refiddle

JavaScriptコードをブラウザ上で動作テスト、共有できる・「Plunker」

Plunker Plunkerはjsfiddleやjsbinのようにブラウザ上でJavaScriptコードを開発、実行し、共有もできるWebツールです。アーカイブもあるので探しやすい印象です。書いたコードは即時反映されます。また、Gi...

CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」

CSSrefresh CSSrefreshはサーバー側のCSSに更新があったら表示を即時反映させるスクリプトとブックマークレットです。開発者向けになります。環境次第では楽になる方もいるかもしれませんね。 CSSrefresh
Ads