Resource - HTML5

軽さを意識したシンプルなCSSフレームワーク・「Kickstart」

Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...

HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」

hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...

JavaScriptベースのOSSゲームフレームワーク・「Playground.js」

Playground.js Playground.jsはオープンソースのJavaScript製ゲームフレームワークです。基本的なAPIのサポートやモバイルデバイスへの対応もしてあるみたい。より使いやすく、すぐに使えるアウトオブボックス...
Ads

CSSやJavaScriptをブラウザ上で書いて動作テスト出来るMozilla製のオンラインコードエディタ・「Thimble」

Thimble ThimbleはCSSやJavaScriptをブラウザ上で書いて動作テスト出来るオンラインコードエディタ。Mozilla製でGithubにてソースコードも公開されています(今のところ特定のライセンス表記は見当たりません...

ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」

WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...

ブラウザで動作するHTML5製のミニマルなメモアプリ・「ZenPen」

ZenPen ZenPenはブラウザで動作するミニマルなメモアプリです。単純に、文章を書くためだけに作られていますので、機能らしい機能もほとんどありません。書いた文章はlocal storageに保存されます。テキストはドラッグでツー...

ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」

Pannellum Pannellumはブラウザで動くパノラマビューアです。HTML5、JavaScript、CSS3、WebGL等を使って構築されています。Googleのストリートビューライクにマウスでぐりぐりと動かすことが出来ます...

HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」

EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...

アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」

html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...

写真から3Dモデルを作成出来る・「Smoothie-3D」

Smoothie-3D Smoothie-3Dは写真から3Dモデリングを自動で行ってくれるWebサービスです。任意の写真をトレースすると自動で3Dモデルを作成してくれる、というもの。ざっくりと輪郭を、というのではなく、3Dにしたい対象...

レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」

Codeply CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テスト...

HTML5ベースのノベルゲームを実装出来る国産ゲームエンジン・「O₂ Engine」

O₂ Engine O₂ EngineはHTML5ベースのノベルゲームエンジンです。HTML5なのでブラウザはまだ選ぶものの、デバイスを気にせず作れるのは素敵ですね。本ゲームエンジン開発者が提供するノベルゲームサービスのノベルスフィア...

WebGL用のOSSな3Dゲームエンジン・「PlayCanvas 」

PlayCanvas PlayCanvasはオープンソースとして公開されているWebGL用の3Dゲームエンジンです。Windows、OS X、AndroidやiOSなどに対応したクロスプラットフォームなゲーム制作をサポートするとの事...

オープンソースのHTML5製ゲームエンジン・「Kiwi.js」

Kiwi.js Kiwi.jsはオープンソースとして公開されているHTML5製のゲームエンジンです。モバイルでもPCでも動くゲームコンテンツ構築の為に開発された様です。CanvasにもWebGLにも適しており、Cocoon.jsを併用...

シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」

Plyr Plyrはシンプル且つ軽量なHTML5メディアプレイヤーです。カスタマイズ性、軽量、シンプルで使いやすいメディアプレイヤーを意識したそうです。非依存型でセッティングも手軽に行えるので非常に使いやすそうな印象でした。Githu...

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」

Give ’n’ Go Give ’n’ GoはDribbbleに投稿されたものとCodepenで再現されたものを比較しているWebギャラリーサイトです。デザイナーの方がDribbbleに投稿したデザインコンセプトと、そのデザインをC...

フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」

Front-end Boilerplate Front-end Boilerplateはフロントエンド開発をサポートするためのボイラープレートです。Web開発をより簡単に素早く行えるように設計している、との事。HTML5ベースでプリプ...

HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」

wysihtml wysihtmlはHTML5ベースのWYSIWYGエディタです。先日も同じようなリソースをご紹介したばかりですが・・jQuery等のライブラリに依存しないので導入はしやすそうです。コピペで挿入したコンテンツを自動でパ...

HTML5製の軽量リッチテキストエディタ・「Squire」

Squire Squireは軽量なHTML5製リッチテキストエディタです。ケース次第では余計なものと扱われる部分を省いて軽量化を重視し、あくまでコンポーネントとして提供しているそうです。その為、ツールバーなどのUIは用意されていない(...

AngularJSとPHPで作られたシングルページ専用のCMS・「Cosmo」

Cosmo CosmoはAngularJSとPHPで書かれたオープンソースのCMSです。シングルページ専用との事。モバイルファーストでソーシャルメディアフレンドリーな設計になっているそうです。フロントエンド側で編集可能にする事でデバイ...

シンプルで軽量なモバイルファーストのCSSフレームワーク・「Furtive」

Furtive Furtiveはシンプルで軽量なモバイルファーストのCSSフレームワークです。2.5KBという軽さながら、必要最低限のスタイルを保っています。これは個人的に好きかも。ライセンスはMITとの事。 Furtive

CSS3+HTML5のアニメーションを作成出来るOSSのエディタ・「Mixeek」

Mixeek MixeekはCSS3やHTML5を利用したアニメーションコンテンツを作成する為のエディタです。ブラウザで動くツールになります。MITライセンスの元、オープンソースとして公開されています。便利っちゃ便利ですが個人的にはも...
Ads