単一ページで作るHTML5製Webアプリ向けのフレームワーク・「BladeRunnerJS」
BladeRunnerJS BladeRunnerJSは単一ページで構築するHTML5製のWebアプリ向けに作られたOSSの開発フレームワークです。大規模で複雑なWebアプリに対応できるのが強みみたいですね。ライセンスはGPLとな...
Resource - HTML5
AngularJS対応のHTML5製モバイルWebアプリ向けのフレームワーク・「Ionic」
Ionic IonicはOSSとして公開されているAngularJS対応のHTML5なモバイルWebアプリ用フレームワークです。Sassベースで構築されています。jQueryに依存しないのは個人的に有りがたいです。ライセンスはMITと...
SVGをアップロードしてフォント化できる・「Glyphter」
Glyphter GlyphterはSVGをアップロードしてフォント化、ダウンロードできるWebツールです。それぞれのアルファベット文字に、任意のSVGファイルをアップロードしてフォントを作成できます。アップロードはドラッグ&ドロップ...
ブラウザ上で動作するHTML5製のアニメーションエディタ・「Animatron」
Animatron Animatronはブラウザ上で動作するHTML5製のアニメーションエディタです。描画ツールやSVG、動画や音声のインポート等が可能となっています。アニメーションはタイムラインで調整しながら作成する、というもの。H...
ブラウザで作成出来る、HTML5製のフォントエディタ・「Glyphr」
Glyphr GlyphrはHTML5製のフォントエディタです。ブラウザ上でオリジナルのフォントをデザインする事が可能です。軽量でUIも割と使いやすい印象でした。また、Githubでもソースコードが公開されています・・・が、ライセンス...
SVGで描いた地図をクリッカブルマップにする為のスクリプト・「twism」
twism twismはSVGで描いた地図をクリッカブルマップにする為のjQueryのスクリプトです。予め描かれたSVGマップを色付けしたり、マウスホバーによる色の変更等を容易に行えるようにする為のものみたいですね。応用すれば日本地図...
オープンソースとしても公開されている、ユーザー登録不要で手軽にボイスチャットルームを作れるWebアプリ・「Voice Chat API」
Voice Chat API Voice Chat APIはOSSとしても公開されている、ユーザー登録不要でボイスチャットルームを作成、複数人でチャット会議が可能なWebアプリです。上図の青いボタンをクリックするとチャットルームが作成...
オープンソースで公開されているベクターグラフィックエディタWebアプリ・「Mondrian」
Mondrian MondrianはOSSとしても公開されているシンプルなベクターグラフィックエディタです。SVGもインポート/エクスポートに対応しています。操作も割と楽な印象でした。ライセンスはMITとなっています。 Mondri...
GIFアニメーションをHTML5にコンバートする・「gfycat」
gfycat gfycatはGIFをアップロードし、HTML5のVideo要素として動かせるようにするサービスです。ホスティングも可能で、iframeで他サイトに張ることも出来るようになっています。また、元のGIF画像とのサイズの比較...
Intel®開発のHTML5/CSS3/JavaScript向けIDE・「XDK」
XDK XDKはIntel®が開発したIDEです。HTML5やCSS3、JSなどを使ったWebアプリを構築する方をターゲットとして開発したそうです。Windows7、8、Mac、Linuxで動作するとの事。 XDK
アニメーションエフェクトの掛かったフォントと実装コードを公開しているWebギャラリー・「Anitype」
Anitype Anitypeはアニメーションするフォントを実装する為のコードを募集、公開している参加型のWebギャラリーです。文字ごとに複数投稿されており、様々なタイポグラフィーを参考にする事が出来ます。フォントごとのタイポグラフィ...
モバイル向けのWebアプリ開発用に作られた軽量フレームワーク・「Zoey」
Zoey Zoeyはスマフォ向けのWebアプリの開発用に作られた軽量なフレームワークです。zepto.jsに依存しています。HTML5とCSS3ベースで各種コンポーネントが揃えられています。ライセンスはMITです。 Zoey
OSSとしても公開されている、粘土細工風3Dモデリングツール・「SculptGL」
SculptGL SculptGLはオープンソースで配布されている、粘土細工風の3Dモデリングツールです。凹凸の強弱や色、ペンの太さ等を調整して整形していきます。ライセンスはMITとなっています。 SculptGLOn Gith...
HTML5のWeb Componentsのカスタム要素を収集している・「Custom Elements」
Custom Elements Custom ElementsはHTML5のWeb Componentsのカスタム要素を収集したWebサイトです。例えばQRコードなどをなどのように簡単に実装出来るようになるのは凄いですね。ちょっと楽し...
HTML5のパズルゲームエンジン・「Puzzle Script」
Puzzle Script Puzzle Scriptはタイルベースのパズルゲームを作るために設計されたHTML5のゲームエンジンです。専用のエディターでプレビュ－画面を見ながらコードを書けるみたい。なかなか面白そうです。 ...
HTML5のフォーム要素のデフォルト表示を確認出来る・「Native form elements」
Native form elements Native form elementsはHTML5のフォーム要素のデフォルト表示がブラウザでどのように見えるかを確認出来るWebサイトです。各エレメントの表示確認を手軽に行えるようになってい...
音声による入力を可能にするライブラリ・「annyang」
annyang annyangは音声を認識し、声での入力を可能にする軽量スクリプトです。Web Speech APIを利用しています。Web Speech API で遊んでみたという記事の動作デモにあるようなコンテンツの作成に一役買っ...
iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」
ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...
モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」
Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...
HTML5製のアニメーションエフェクトコンテンツを作れる・「 HTML5MAKER」
HTML5MAKER HTML5MAKERは、HTML5製のアニメーションエフェクトのあるコンテンツを作成できるWebアプリです。専門的な知識は不要で、素敵なエフェクトのあるビジュアルコンテンツを作成できます。テンプレートも用意されて...
HTML5製のオンラインモックアップツール・「mocknow」
mocknow mocknowは、HTML5で作られたオンラインモックアップツール。出来る事はシンプルですけど、最低限の事は出来るみたい。サイズの変更がちょっと分かりにくいんですけど右下で変更できます。こちらを選択するかどうかは置...
HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」
DevDocs DevDocsはHTML5やCSS、jQueryなどのAPIに関する情報をまとめたサイトです。かなりの情報量で綺麗に纏められているのでとても探しやすい印象でした。キーワードを入力するだけで即時に候補を抽出するインスタン...