https://b.hatena.ne.jp/gratt/HTML5/ HTML5に関するgrattのはてなブックマーク (8) http://gamemechanicexplorer.com/ ゲームプログラミングの練習になるな。 gratt 2014-05-19T06:58:52Z game HTML5 125 <blockquote cite="http://gamemechanicexplorer.com/" title="Game Mechanic Explorer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fgamemechanicexplorer.com%2F" alt="" /> <a href="http://gamemechanicexplorer.com/">Game Mechanic Explorer</a></cite><p><a href="http://gamemechanicexplorer.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e813e8b724296655331e7d4dbd75beb967c4f4a0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgamemechanicexplorer.com%2Fassets%2Fwelcome.png" alt="Game Mechanic Explorer" title="Game Mechanic Explorer" class="entry-image" /></a></p><p>A collection of concrete examples for various game mechanics, algorithms, and effects. The examples are all implemented in JavaScript using the Phaser game framework, but the concepts and methods are general and can be adapted to any engine. Think of it as pseudocode. Each section contains severa...</p><p><a href="https://b.hatena.ne.jp/entry/gamemechanicexplorer.com/"><img src="https://b.hatena.ne.jp/entry/image/http://gamemechanicexplorer.com/" alt="はてなブックマーク - Game Mechanic Explorer" title="はてなブックマーク - Game Mechanic Explorer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/gamemechanicexplorer.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html gratt 2012-10-12T13:55:31Z HTML5 Development iOS webview 405 <blockquote cite="https://el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html" title="ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fel.jibun.atmarkit.co.jp%2Frails%2F2012%2F10%2Fhtml5-d1ba.html" alt="" /> <a href="https://el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html">ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ</a></cite><p><a href="https://el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e8351163305ae87dd9f5d880849399ede0450bf7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fel.jibun.atmarkit.co.jp%2Ffor_sites%2Fimages%2Flogo_el_1200x630.png" alt="ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ" title="ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ" class="entry-image" /></a></p><p>少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で...</p><p><a href="https://b.hatena.ne.jp/entry/s/el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html"><img src="https://b.hatena.ne.jp/entry/image/https://el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html" alt="はてなブックマーク - ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ" title="はてなブックマーク - ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/el.jibun.atmarkit.co.jp/rails/2012/10/html5-d1ba.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mizchi.hatenadiary.org/entry/20120831/1346413062 gratt 2012-09-01T02:14:38Z HTML5 game 278 <blockquote cite="https://mizchi.hatenadiary.org/entry/20120831/1346413062" title="HTML5でロードオブナイツとかいうゲームを作った - mizchi log"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenadiary.org%2Fentry%2F20120831%2F1346413062" alt="" /> <a href="https://mizchi.hatenadiary.org/entry/20120831/1346413062">HTML5でロードオブナイツとかいうゲームを作った - mizchi log</a></cite><p><a href="https://mizchi.hatenadiary.org/entry/20120831/1346413062"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eff0f4ffe8f6dc95a5cba8d03712167820b4e2f8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F625fe9b2b4b3e9b4b9c935cee1d351cbb5e2e192%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Faiming-inc.com%252Fwp-content%252Fuploads%252F1208240040201.jpg" alt="HTML5でロードオブナイツとかいうゲームを作った - mizchi log" title="HTML5でロードオブナイツとかいうゲームを作った - mizchi log" class="entry-image" /></a></p><p>陣取り戦争ゲーで、iPhoneのUnity版からの移植です。 ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detail PC(Chrome/Firefox/IE9以上)とスマホ(Webkit)で同じ物が動きます。ヤバゲーとモバゲーでアカウントは共有してるので、どっちからでも入れます。 HTML版としては既存コードとか一切なか...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenadiary.org/entry/20120831/1346413062"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenadiary.org/entry/20120831/1346413062" alt="はてなブックマーク - HTML5でロードオブナイツとかいうゲームを作った - mizchi log" title="はてなブックマーク - HTML5でロードオブナイツとかいうゲームを作った - mizchi log" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenadiary.org/entry/20120831/1346413062"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html gratt 2012-03-16T09:01:12Z プレゼン HTML5 impress.js JavaScript 498 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html" title="impress.jsでド派手なスライドをつくろうぜ！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1203%2F14%2Fnews119.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html">impress.jsでド派手なスライドをつくろうぜ！</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/520ebac56a699163d693b8bf76eef2c83da8c207/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1203%2F14%2Fr2001.jpg" alt="impress.jsでド派手なスライドをつくろうぜ！" title="impress.jsでド派手なスライドをつくろうぜ！" class="entry-image" /></a></p><p>“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html" alt="はてなブックマーク - impress.jsでド派手なスライドをつくろうぜ！" title="はてなブックマーク - impress.jsでド派手なスライドをつくろうぜ！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1203/14/news119.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://html5snippets.com/ gratt 2011-05-05T09:10:43Z HTML5 CSS3 438 <blockquote cite="http://html5snippets.com/" title="http://html5snippets.com/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhtml5snippets.com%2F" alt="" /> <a href="http://html5snippets.com/">http://html5snippets.com/</a></cite><p><a href="http://html5snippets.com/"><img src="" alt="http://html5snippets.com/" title="http://html5snippets.com/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/html5snippets.com/"><img src="https://b.hatena.ne.jp/entry/image/http://html5snippets.com/" alt="はてなブックマーク - http://html5snippets.com/" title="はてなブックマーク - http://html5snippets.com/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/html5snippets.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html gratt 2011-03-02T04:34:20Z HTML5 CSS3 web制作 498 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html" title="HTML5とCSS3をページ全体or少しずつ導入するチュートリアル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Ftutorial-case-study-html5-css3-by-abduzeedo.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html">HTML5とCSS3をページ全体or少しずつ導入するチュートリアル</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html"><img src="" alt="HTML5とCSS3をページ全体or少しずつ導入するチュートリアル" title="HTML5とCSS3をページ全体or少しずつ導入するチュートリアル" class="entry-image" /></a></p><p>デモページの全体のキャプチャ 下記は各ポイントを意訳したものです。 全体をHTML5化しても、面白そうなCSS3のエフェクトを少しずつ適用しても面白そうです。 ウェブページにHTML5を導入 ウェブページにCSS3を導入 ウェブページにHTML5を導入 デモページのHTMLの構造は、下記のようになっています。 HTML5：ページのベー...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html" alt="はてなブックマーク - HTML5とCSS3をページ全体or少しずつ導入するチュートリアル" title="はてなブックマーク - HTML5とCSS3をページ全体or少しずつ導入するチュートリアル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/tutorial-case-study-html5-css3-by-abduzeedo.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://freehtml5templates.com/ gratt 2010-10-20T08:42:56Z HTML5 テンプレート 111 <blockquote cite="https://freehtml5templates.com/" title="Free HTML5 Templates | Bringing modern web standards to everyone"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffreehtml5templates.com%2F" alt="" /> <a href="https://freehtml5templates.com/">Free HTML5 Templates | Bringing modern web standards to everyone</a></cite><p><a href="https://freehtml5templates.com/"><img src="" alt="Free HTML5 Templates | Bringing modern web standards to everyone" title="Free HTML5 Templates | Bringing modern web standards to everyone" class="entry-image" /></a></p><p>Building A Personal Finance Blog Website: Templates And Monetization StrategiesPersonal finance blogs have become one of the most popular and profitable niches on the internet. With people constantly searching for ways to save money, invest wisely, and achieve financial independence, there&#39;s a ma...</p><p><a href="https://b.hatena.ne.jp/entry/s/freehtml5templates.com/"><img src="https://b.hatena.ne.jp/entry/image/https://freehtml5templates.com/" alt="はてなブックマーク - Free HTML5 Templates | Bringing modern web standards to everyone" title="はてなブックマーク - Free HTML5 Templates | Bringing modern web standards to everyone" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/freehtml5templates.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/software/open-source/sencha-touch.html gratt 2010-07-06T08:28:33Z iphone javascript HTML5 552 <blockquote cite="https://kachibito.net/software/open-source/sencha-touch.html" title="iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fsoftware%2Fopen-source%2Fsencha-touch.html" alt="" /> <a href="https://kachibito.net/software/open-source/sencha-touch.html">iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net</a></cite><p><a href="https://kachibito.net/software/open-source/sencha-touch.html"><img src="" alt="iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net" title="iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net" class="entry-image" /></a></p><p>この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Moongiftさんの記事 を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオー...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/software/open-source/sencha-touch.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/software/open-source/sencha-touch.html" alt="はてなブックマーク - iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net" title="はてなブックマーク - iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/software/open-source/sencha-touch.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>