memo.xight.org

日々のメモ

カテゴリ : HTML5

1ページ目 / 全1ページ

Sencha Touch - iPhone等のWebアプリケーションをHTML5で構築するためのフレームワーク

Posted on | Tagged :

Reference

Sencha - Introducing Sencha Touch - HTML5 Mobile App Framework
http://www.sencha.com/

via

iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
http://kachibito.net/software/open-source/sencha-touch.html

MOONGIFT - HTML5対応のモバイル向けWebアプリケーションを構築するなら「Sencha Touch」
http://www.moongift.jp/2010/06/sencha-touch/

Akihabara - ファミコン風ゲーム用 JavaScript ライブラリ

Posted on | Tagged : , ,

Summary

Akihabara は HTML5 のCanvasタグとJavaScriptを用いて開発されたゲーム用ライブラリ。
Akihabara を用いて開発したゲームも公開。
iPhoneから起動すると、画面下部にコントローラが表示される。

Leave Me Alone (アクション)

Leave Me Alone

Solitude (シューティング)

Solitude

The Legend Of Sadness (アクションRPG)

The Legend Of Sadness

T-Spin (テトリス)

T-Spin

Capman (パックマン)

Capman

Reference

kesiev's akihabara at master - GitHub
http://github.com/kesiev/akihabara

Kesiev Norimaki
http://www.kesiev.com/

Akihabara
http://www.kesiev.com/akihabara/

via

Publickey - 2010-04-27 - HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応
http://www.publickey1.jp/blog/10/html5javascriptakihabaraiphoneandroid.html

MOONGIFT - HTML5で実現するファミコン風ゲーム「Akihabara」:オープンソースを毎日紹介
http://www.moongift.jp/2010/04/akihabara/

GWT Quake II Port - HTML5 + JavaScript で Quake II

Posted on | Tagged : , ,

Summary

HTML5 + JavaScript で Quake II を動作。
ノートPCで 30 fpsとのこと。



ムービーでは、以下のURLにて動作しているが、
現在のところ、 Google Code にリダイレクトされる。
http://quake2-gwt-port.appspot.com/

Reference

Google Code - GWT Quake II Port
http://code.google.com/p/quake2-gwt-port/

via

ギズモード・ジャパン - これがHTML5の実力！ フル3Dゲーム「Quake」をブラウザ上でプレイしてみた（動画）
http://www.gizmodo.jp/2010/04/html53dquake.html?utm_source=atom&utm_medium=rss

Publickey - HTML5、WebGL、WebSockets、JavaScriptを駆使して、ゲーム「QuakeII」をブラウザに移植中
http://www.publickey1.jp/blog/10/html5webglwebsocketsjavascriptquakeii.html

HTML5リソースまとめ

Posted on | Tagged :

HTML5 Doctor, helping you implement HTML5 today

HTML5のニュース
http://html5doctor.com/

HTML5 Gallery

HTML5で構築されたウェブサイトをまとめたギャラリーサイト
http://html5gallery.com/

Dive Into HTML5

HTML5の解説サイト
http://diveintohtml5.org/

HTML5 Canvas and Audio Experiment

HTML5のCanvasとAudioで動く実験
http://9elements.com/io/projects/html5/canvas/

HTML 5 Cheat Sheet (PDF) - Smashing Magazine

プリントアウトして手軽に使えるHTML5のチートシート
http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/

HTML 5 pocket book

HTML5のポケットブック
http://adactio.com/extras/pocketbooks/html5/

Modernizr

CSS3の各プロパティやHTML5のエレメントが有効かどうかを検出してくれるライブラリ
http://www.modernizr.com/

HTML5 and The Future of the Web - Smashing Magazine

Smashing Magazine の HTML5の解説エントリ
http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/

Coding A HTML 5 Layout From Scratch - Smashing Magazine

Smashing Magazine の スクラッチからHTML5のレイアウトを作るチュートリアル
http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/

HTML 5 and CSS 3: The Techniques You'll Soon Be Using - Nettuts+

HTML5とCSS3でつくるウェブサイトのチュートリアル
http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA

jQueryとHTML5のCanvasをつかって作るチャートやグラフのデモ
http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/

70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers

70種類のHTML5のチュートリアルのまとめ
http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/

via

デザイナーのためのHTML5リソースまとめ | DesignWalker
http://www.designwalker.com/2009/11/html5.html

Internet Explorer で HTML5 を表示する JavaScript

Posted on | Tagged : ,

Summary

html5doctor.com は HTML5で記述されているが、Internet Explorer 8で閲覧しても表示される。
これは、 html5shiv を利用しているため。

Source

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Reference

html5shiv - Project Hosting on Google Code
http://code.google.com/p/html5shiv/

HTML5 enabling script
http://remysharp.com/2009/01/07/html5-enabling-script/

Remy Sharp (rem) on Twitter
http://twitter.com/rem

HTML5 Doctor, helping you implement HTML5 today
http://html5doctor.com/

HTML5.JP
http://html5.jp/