プログラミング html5 page visibility apiを試す
page visibility apiがRecommendationになってた。
というわけで使ってみた。
これは何ができるapiかというと、ページが表示されているかどうかを取得できる。
今のブラウザで言うと、見ているタブかどうかが取...
javascript
プログラミング プログラミング html5 javascriptのpointer lock apiを試す
webglで作られていると話題のブラウザゲームをやろうとしたら、Chromeに「マウスカーソルが無効になります。」的な警告が表示された。
なんだこれは。。
調べてみると、HTML5のpointer lock apiというものらしい。現在の...
プログラミング google mapsのアイドル状態コールバック
google mapsの読み込みが終了して、アイドル状態になった時のコールバックを取りたい。
普通にidleイベントがあるらしい。
google.maps.event.addListenerOnce(map, 'idle', funct...
プログラミング webkit fullscreen api
フルスクリーンが流行ってる。
フルスクリーンapiなるものがあるらしいので試してみた。
どうやら、特定の要素をフルスクリーン指定できるみたい。
var elm = document.getElementById("face");
...
プログラミング jQueryでmarginも含めた幅や高さを取得
しょぼい話し。
たとえば
#id{
height: 10px;
width: 10px;
margin: 5px;
padding: 5px;
}
とした時に、jQueryで普通に
$('#id').height()...
プログラミング iPhone ウェブクリップ時のページ遷移
iPhoneやiPadはwebサイトをホーム画面に追加するというウェブクリップの機能がついていて、webアプリケーションはウェブクリップ前提で作られることもある今日この頃。
ウェブクリップしたサイトに、以下のようなmetaタグがあるとブラ...
プログラミング jQuery dataとattrで値が変わる
またしてもjQueryネタ。
<div id="data1" data-value="0100"></div>
<div id="data2" data-value="0x01"></div>...
プログラミング forefox transformやoffset座標の扱い
普段、chromeをメインブラウザにしていても開発ではfirefoxなど別のブラウザで動作確認をしないわけにはいかないもの。
最近かなりハマったchromeとfirefoxの違いを２つ紹介します。
１．firefoxだとtranslat...
プログラミング html5 canvasのスケール
html5のcanvasでscaleを変更する場合の注意点を一つ紹介。
context.scale(2, 2);
としたときに、スケールをオリジナルの２倍にするという考えは間違いで、実際はスケールを今の２倍にするという意味になるようで...
プログラミング canvasで透明な線（消しゴム）を書きたい
html5のcanvasでは先日の記事に書いたような、線を引いたり、円を書いたりを比較的簡単にできる。
これがかなり魅力的なのか、数あるHTML5の仕様の中でも爆発的な人気を誇っているわけで。。
canvas勉強し始めの頃は、描画した図形...