スポンサーリンク
プログラミング

jQueryでmarginも含めた幅や高さを取得

しょぼい話し。 たとえば #id{ height: 10px; width: 10px; margin: 5px; padding: 5px; } とした時に、jQueryで普通に $('#id').height()...
継続的インテグレーション

jenkins JSGames Plugin で遊ぶ

ある日、Jenkinsのプラグインの中に「JSGames Plugin」という単語を見つけた。 JavaScriptのゲーム開発に関係しているプラグインなんだろうか・・ と思ってインストールしてみた。 インストールが終わると、Jenki...
プログラミング

CoffeeScriptで即時関数を書く

最近はCoffeeScriptをよく使う。 そりゃrailsで初期装備だからなんだけど・・。 (function() { return 1 + 1; })(); みたいなjavascriptをcoffeeで書くときは、 (-&g...
プログラミング

rails assetsのコンプレッサにオプションを渡す

rake assets:precompileすると、javascriptがより短い書きかたへと圧縮される。 素晴らしいことに、圧縮するときに変数や関数の名前を「a」とか「b」などのより短い名前に書き換えてしまうらしい。 でもこれだと、圧縮...
プログラミング

iPhone ウェブクリップ時のページ遷移

iPhoneやiPadはwebサイトをホーム画面に追加するというウェブクリップの機能がついていて、webアプリケーションはウェブクリップ前提で作られることもある今日この頃。 ウェブクリップしたサイトに、以下のようなmetaタグがあるとブラ...
プログラミング

jQuery dataとattrで値が変わる

またしてもjQueryネタ。 <div id="data1" data-value="0100"></div> <div id="data2" data-value="0x01"></div&gt...
プログラミング

forefox transformやoffset座標の扱い

普段、chromeをメインブラウザにしていても開発ではfirefoxなど別のブラウザで動作確認をしないわけにはいかないもの。 最近かなりハマったchromeとfirefoxの違いを2つ紹介します。 1.firefoxだとtranslat...
プログラミング

html5 canvasのスケール

html5のcanvasでscaleを変更する場合の注意点を一つ紹介。 context.scale(2, 2); としたときに、スケールをオリジナルの2倍にするという考えは間違いで、実際はスケールを今の2倍にするという意味になるようで...
プログラミング

canvasで透明な線(消しゴム)を書きたい

html5のcanvasでは先日の記事に書いたような、線を引いたり、円を書いたりを比較的簡単にできる。 これがかなり魅力的なのか、数あるHTML5の仕様の中でも爆発的な人気を誇っているわけで。。 canvas勉強し始めの頃は、描画した図形...
プログラミング

CSS3 cursorのクリック座標

CSSのcursorでオリジナルのマウスカーソルを使うこともあると思うんだが、これって、CSS3だとホットスポットを設定できるようになったんだね・・。 ホットスポットとは、クリックしたときの基準点になる部分なんだけど、 普通のマウスカーソ...
スポンサーリンク
タイトルとURLをコピーしました