IBM Developer
HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder by ZDNet Japan
Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するためのさまざまなテクニックを紹介する。 Paul Irish氏は、HTML5 BoilerplateやModernizrなどの開発者として世界的に著名なGoogleのエンジニア。その彼が直接CSSのパフォーマンスを語るとあって、セッションは大変な人気であった。 一般的にウェブページの高速化、特にモバイルにおいてはCSSを高速化することよりもネットワークのパフォーマンスを最適化する方が効果が高い。そのため、まずはPageSpeedやYSlowなどを効果的に使用し、HTTPリクエスト数を減らす、ダウンロー
FirefoxOSはとにかく簡単にアプリが作れてスゴイかも - mizchi log
やっぱ鮮度が命だとおもってFirefoxOSのアプリをいじってた。その過程。 シミュレータのインストール Firefoxで入れる。 Firefox OS Simulator :: Add-ons for Firefox https://addons.mozilla.org/ja/firefox/addon/firefox-os-simulator/ ダッシュボードからStoppedのところを押して起動(わかりにくい) サンプルアプリの起動 nodeのインストールは前提。それからvoloを入れます。 $ npm install -g volo # nodeアプリなので本来ならここで npm install したほうがいい >|| mozilla系のビルドツールらしいということしか知らない。 >|| $ git clone git@github.com:darkwing/firefoxos-q
JavaScript Canvas JS: Casino Game and fast payments oriented
basicsloaderclearclone/cacheSizetrimcropresizeTransformationalignstarsDrawingalpha/restoredrawRegionborderImageimageLineoutlinePathscirclestrokeCirclefillCirclestrokeLinepolygonroundRectTextpixelFontfontHeightwrappedTexttextBoundariestextBaselineBlending and colorblendsetHslshiftHslnegativematchPalettegetPalettegrayscaleToMaskapplyMaskpixelColor utitlities Canvas Query for Sofortauszahlung casino
Construct 2 the HTML5 Game Maker - Scirra.com
Construct 3 Create stunning games in the worlds best 2D game engine
File API で作成した blob をダウンロードする
この記事は “HTML5 Advent Calendar 2012” の16日目の記事です。他の記事もぜひご覧ください。 HTML5 では BlobBuilder オブジェクトを作成して、ファイルをメモリ上に読み込んだり、あるいはユーザーの入力やサーバーから取得したデータを元にしてメモリ上にファイルの内容を作成することが可能です。また作成した Blob は XML HTTP Request (XHR) の FormData としてサーバーにアップロードすることも可能です。 ではメモリ上の Blob をローカルに保存したい場合、どうすればよいでしょうか。Web ページのスクリプトから直接ローカルのファイル システムを操作する File System API (File API: Directories and System と File API: Writer) の標準化について議論が進めら
Atari - Building Atari with CreateJS
Internet Explorer partnered with Atari to rethink gaming on the web. Try this site with the new Internet Explorer - the browser that is fast, fluid and perfect for touch. The Atari Arcade was among the most demanding game development projects because it required full multi-touch, multi-player support across many modern browsers and devices - and we wouldn’t have been able to do it without CreateJS
Minecraft4kJS - jsdo.it - Share JavaScript, HTML5 and CSS
A quick port of Minecraft4k to test what's possible in JS and HTML5. Because of the nature of this project (it was originally meant as an entry for the Java4k competition, which focuses on executable size), the code is HORRIBLE, but fairly small. You may use the code in here for any purpose in any way you want, at your own risk. var ctx; var pixels; var w = 200; var h = 200; var map = new Array(64
Network Service Discovery
Network Service Discovery W3C Working Group Note 12 January 2017 This version: https://www.w3.org/TR/2017/NOTE-discovery-api-20170112/ Latest published version: https://www.w3.org/TR/discovery-api/ Latest editor's draft: http://dvcs.w3.org/hg/dap/raw-file/tip/discovery-api/Overview.html Previous version: https://www.w3.org/TR/2014/WD-discovery-api-20140220/ Editor: Rich Tibbett, Opera Software ASA
canvasのlazyな描画 - ぶれすとつーる
ご無沙汰してます、nazomikanです。 最近、趣味でフラクタルとかで遊ぶことが多く、フラクタル特有な計算量の多さに日々ブラウザが悲鳴をあげています。 そんなこともあってUI-Blockをさせないようにあれこれやった手法を紹介 まず最初に何も考えずに描画するコード 描画コード (github) ディレクトリ構成 (github) 結果(ブラウザ落ちるかもしれないので新しいウィンドウで見ることをおすすめします) http://nazomikan.com/archive/20121007/001/ まぁ当然大きな画像で、かつ1pxごとに計算して色を決めてるわけなので940*940ともなると死ぬほど処理がブロックされてブラウザ固まります。 残念ですね、非常に残念ですね、もはやブラクラです。 昔から大きな処理をするときはasyncにしなさいというのでlazyLoop(非同期なループ処理)を適用さ
alert('イチオシ'); // 書評 - JavaScript逆引きハンドブック : 404 Blog Not Found
2012年09月03日19:30 カテゴリ書評/画評/品評iTech alert('イチオシ'); // 書評 - JavaScript逆引きハンドブック 出版社より献本御礼。 JavaScript逆引きハンドブック 古籏一浩 待ってましたこういうの。 EcmaScript 5のサポートが一通り完了して、これからHTML5のAPIが充実していくという今は、JavaScriptを学ぶ最高の旬。だけどWebの情報は断片的で、折角の新APIを使おうにもどこから手をつけていいのかわからなかった。これで勝つる。 本書「JavaScript逆引きハンドブック」は、「Ruby逆引きハンドブック」の出版社によるJavaScriptのシソーラス。「辞書」や「参考書」なら巷にあふれかえっているJavaScriptであるが、これがなかなかなかった。ましてやES5にHTML5といった最新の機能をカヴァーしているも
HTML5でロードオブナイツとかいうゲームを作った - mizchi log
陣取り戦争ゲーで、iPhoneのUnity版からの移植です。 ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detail PC(Chrome/Firefox/IE9以上)とスマホ(Webkit)で同じ物が動きます。ヤバゲーとモバゲーでアカウントは共有してるので、どっちからでも入れます。 HTML版としては既存コードとか一切なかったんで、JSに関してはフルスクラッチです。というか全部CoffeeScriptです。 ある日会社で楽しくHaskellでKPI計算モジュール書いてたら、 「UnityのネイティブのゲームをHTML5に移植したい」 みたいな話が降ってきたので、移植しました。3ヶ月ぐらいで。 プラットフォームはモバゲー(スマホ) + ヤバゲーです。HTML5なのは、スマホとブラウザゲーで開発リソースを共通化したかったか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
ランドルト環
HTML5 Canvasでシューティングゲーム
https://mrdoob.com/projects/code-editor/
O'Reilly Media - Technology and Business Training
GitHub - soulwire/sketch.js: Cross-Platform JavaScript Creative Coding Framework
http://caat.ludei.com/
GitHub - dionyziz/canvas-tetris: A 2D tetris game in HTML5 canvas
