任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」 Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...2016.01.28 | 10時00分41秒
サウンドインタラクションを追加する為のシンプルなJavaScriptライブラリ・「Loud links」 Loud links Loud linksはWebコンテンツにサウンドインタラクションを追加する為のシンプルなJSライブラリです。audio属性を使うみたい。非依存型で軽量なのは良いですね。音源を用意して特定のclassとカスタムデー...2016.01.26 | 10時29分05秒
WebベースなAirDropのオープンソースクローン・「Snapdrop」 Snapdrop SnapdropはAppleのAirDropクローンです。オープンソースとして公開されています。HTML5製のWebベースとなっており、ブラウザを利用して異なるデバイス間でのファイル転送が可能との事。ブラウザは同じも...2015.12.28 | 10時46分58秒
HTML5製の軽量で高速な2Dゲームエンジン・「Stage.js」 Stage.js Stage.jsはHTML5製の軽量且つ高速な2Dゲームエンジンです。シンプルな2Dゲーム開発をサポートしてくれます。デモを触ってみましたが、割とはまってしまうものですね・・・DOMライクなツリー構造のデータモデルの...2015.11.23 | 11時01分23秒
軽さを意識したシンプルなCSSフレームワーク・「Kickstart」 Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...2015.10.12 | 10時46分21秒
HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」 hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...2015.10.04 | 10時48分45秒
JavaScriptベースのOSSゲームフレームワーク・「Playground.js」 Playground.js Playground.jsはオープンソースのJavaScript製ゲームフレームワークです。基本的なAPIのサポートやモバイルデバイスへの対応もしてあるみたい。より使いやすく、すぐに使えるアウトオブボックス...2015.09.18 | 10時58分01秒
CSSやJavaScriptをブラウザ上で書いて動作テスト出来るMozilla製のオンラインコードエディタ・「Thimble」 Thimble ThimbleはCSSやJavaScriptをブラウザ上で書いて動作テスト出来るオンラインコードエディタ。Mozilla製でGithubにてソースコードも公開されています(今のところ特定のライセンス表記は見当たりません...2015.09.02 | 11時16分28秒
ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」 WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...2015.08.18 | 10時04分56秒
ブラウザで動作するHTML5製のミニマルなメモアプリ・「ZenPen」 ZenPen ZenPenはブラウザで動作するミニマルなメモアプリです。単純に、文章を書くためだけに作られていますので、機能らしい機能もほとんどありません。書いた文章はlocal storageに保存されます。テキストはドラッグでツー...2015.08.15 | 11時20分59秒
ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」 Pannellum Pannellumはブラウザで動くパノラマビューアです。HTML5、JavaScript、CSS3、WebGL等を使って構築されています。Googleのストリートビューライクにマウスでぐりぐりと動かすことが出来ます...2015.08.14 | 10時07分33秒
HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」 EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...2015.08.04 | 10時30分07秒
アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」 html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...2015.06.27 | 9時37分28秒
写真から3Dモデルを作成出来る・「Smoothie-3D」 Smoothie-3D Smoothie-3Dは写真から3Dモデリングを自動で行ってくれるWebサービスです。任意の写真をトレースすると自動で3Dモデルを作成してくれる、というもの。ざっくりと輪郭を、というのではなく、3Dにしたい対象...2015.06.05 | 10時40分50秒
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」 Codeply CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テスト...2015.05.21 | 10時51分26秒
HTML5ベースのノベルゲームを実装出来る国産ゲームエンジン・「O₂ Engine」 O₂ Engine O₂ EngineはHTML5ベースのノベルゲームエンジンです。HTML5なのでブラウザはまだ選ぶものの、デバイスを気にせず作れるのは素敵ですね。本ゲームエンジン開発者が提供するノベルゲームサービスのノベルスフィア...2015.04.16 | 11時02分58秒
WebGL用のOSSな3Dゲームエンジン・「PlayCanvas 」 PlayCanvas PlayCanvasはオープンソースとして公開されているWebGL用の3Dゲームエンジンです。Windows、OS X、AndroidやiOSなどに対応したクロスプラットフォームなゲーム制作をサポートするとの事...2015.03.29 | 10時26分51秒
オープンソースのHTML5製ゲームエンジン・「Kiwi.js」 Kiwi.js Kiwi.jsはオープンソースとして公開されているHTML5製のゲームエンジンです。モバイルでもPCでも動くゲームコンテンツ構築の為に開発された様です。CanvasにもWebGLにも適しており、Cocoon.jsを併用...2015.03.11 | 11時08分47秒
シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」 Plyr Plyrはシンプル且つ軽量なHTML5メディアプレイヤーです。カスタマイズ性、軽量、シンプルで使いやすいメディアプレイヤーを意識したそうです。非依存型でセッティングも手軽に行えるので非常に使いやすそうな印象でした。Githu...2015.02.24 | 10時31分01秒
Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」 Give ’n’ Go Give ’n’ GoはDribbbleに投稿されたものとCodepenで再現されたものを比較しているWebギャラリーサイトです。デザイナーの方がDribbbleに投稿したデザインコンセプトと、そのデザインをC...2014.12.30 | 10時42分41秒
フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」 Front-end Boilerplate Front-end Boilerplateはフロントエンド開発をサポートするためのボイラープレートです。Web開発をより簡単に素早く行えるように設計している、との事。HTML5ベースでプリプ...2014.12.22 | 10時37分57秒
HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」 wysihtml wysihtmlはHTML5ベースのWYSIWYGエディタです。先日も同じようなリソースをご紹介したばかりですが・・jQuery等のライブラリに依存しないので導入はしやすそうです。コピペで挿入したコンテンツを自動でパ...2014.12.20 | 10時30分05秒