Resource - HTML5

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

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

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

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

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

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

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

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

CSSのみで作れるシンプルなチャート・「cssplot」

cssplot cssplotはシンプルなチャートを作る為のCSSです。指定されたカスタムデータ属性に値をいれると、その数値にあった長さでグラフを描けます。仕組みは単純に、1%毎にCSSを書いているだけなので小数点には非対応です。これ...

CSSフレームワーク・Foundation5のチートシート・「Foundation CheatSheet」

Foundation CheatSheet Foundation CheatSheetはzurb製のRWD対応CSSフレームワークFoundation Ver.5のチートシートです。とても簡潔に、わかりやすく纏められています。実装例も...

Youtubeの動画のスタイルをカスタマイズして任意のWebサイトに埋め込む為のツール・「reEmbed」

reEmbed reEmbedはYoutubeのスタイルをカスタマイズして任意のWebサイトに埋め込めるようにするツールです。操作エリアのスタイルやロゴの挿入だけでなく、簡単な解析も可能のようです。スマフォやタブレットもサポートしてい...

オープンソースとしても公開されているWebGLを使った3Dモデリングツール・「flood」

flood floodはOSSとして公開されている、WebGLを使った3Dモデリングツールです。スライダーと座標ツールをコードで繋いで数値を設定します。自分自身が使い慣れてないUIなのでうまく動かせませんでしたが、他の3Dモデリングツ...

シンプルで軽量なHTML5/CSS3フレームワーク・「Picnic CSS」

Picnic CSS Picnic CSSはシンプルで軽量なHTML5/CSS3のフレームワークです。RWDにも対応しています。まださほど見ていませんが、Hacker Newsでの議論で興味わいたのでメモ的に。今すぐでなくても将来的に...

ゲームアプリ開発に役立つリソースを大量にまとめた・「Magic Tools」

Magic Tools Magic Toolsはゲームアプリ開発に役立ちそうなリソースを大量にまとめたWebサイトです。ゲーム用のマップエディタや3Dモデリングツール、ゲームエンジンやフレームワーク、音源リソースなどなどゲーム開発で必...

画像のシェアリングサービスを構築出来るオープンソースのソフトウェア・「Chevereto」

Chevereto CheveretoはOSSとしても公開されている画像のシェアリングサービス構築用ソフトウェアです。PHPで書かれています。画像はユーザー同士で共有したり外部サイトにembedする事も出来ます。機能も結構充実してまし...

Geckoboardの代替となるOSSのダッシュボードビルダー・「Freeboard」

Freeboard FreeboardはOSSとして公開されているダッシュボードビルダーです。Geckoboardの代替ソフトとして作ったそうです。Geckoboardと同じように、Freeboardを使ってKPI管理ツールを構築する...

Web Audioの制御やOSCデータの送信が可能なオーディオUI向けJavaScriptライブラリ・「NexusUI」

NexusUI NexusUIはWeb Audioの制御や他アプリケーションへのOSCデータの送信等が可能な、Webブラウザ向けのオーディオUIを設計する為のJSライブラリです。モバイルフレンドリーに作られているとの事です。名前はこん...

Web上でDTMが可能なオーディオアプリケーション・「hya.io」

hya.io hya.ioはブラウザベースのDTMオーディオアプリです。多数のプラグインを読み込んでオーディオ合成等を行う事が出来ます。Web MIDI APIを使ってるみたい。うーん、凄いの出てきましたね・・・なんというか凄いとしか...

デスクトップ/モバイル向けのHTML5製ゲームフレームワーク・「Phaser」

Phaser Phaserはモバイル/デスクトップ向けのHTML5製の2Dゲームフレームワークです。pixi.jsを使うことでCanvasやWebGLのレンダリングもサポート可能との事。大量の動作サンプルが用意されていますのでご興味の...

モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」

Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...

モバイル/デスクトップWebアプリ向けのリッチなUIを構築できるJavaScriptフレームワーク・「Webix」

Webix WebixはJavaScript、CSS、HTML5を使用した、インタラクティブなWebアプリケーションを構築するためのUIフレームワークです。クロスブラウザ、クロスデバイスとの事ですが、どれくらい対応しているかはちょっと...

個人向けデータ管理システムを構築できるオープンソースのソフトウェア・「TagSpaces」

TagSpaces TagSpacesはOSSのデータ管理システムです。個人向けのシステムとして作っているみたいですね。デモが見当たりませんが、SSを見る限りでは結構便利かも。制作業に限らず応用できそうです。暇を見て触って見たい。ライ...

ポリゴン風の画像をSVGで生成する・「Trianglify」

Trianglify Trianglifyはポリゴン風のパターン画像をSVGで生成できるジェネレーターです。OSSとしても公開されています。この手の背景は最近チラホラと見かけるようになりました。一過性の流行で終わる気もしますがソースは...

3DオブジェクトをSVGやCanvasでレンダリングする為のライブラリ・「seen.js」

seen.js seen.jsは3DオブジェクトをSVGやCanvasで描く為のライブラリです。デモではCoffeeScriptが使われていますが、こちらは任意の様ですね。デモも多く用意されているので触ってみては如何でしょう。ライセン...

Bootstrapベースの管理画面向けテンプレート・「AdminLTE」

AdminLTE AdminLTEはBootstrap 3をベースとしたコンロールパネル向けのデザインテンプレートです。BootstrapベースなのでRWDにも対応しているのは楽でいいですね。サンプルをざっと見た感じは、かなり良くでき...

スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」

Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...
Ads