プログラミング webkit fullscreen api フルスクリーンが流行ってる。 フルスクリーンapiなるものがあるらしいので試してみた。 どうやら、特定の要素をフルスクリーン指定できるみたい。 var elm = document.getElementById("face"); ... 2012.08.01 プログラミング
プログラミング webkit border-radiusとposition absoluteを組み合わせると不具合 例えば、border-radiusを設定したdivの中で、overflow:hiddenを使用するdivを入れたりすると、radiusしたはずなのに角丸にならない。 .outer{ position: relative; bord... 2012.07.31 プログラミング
プログラミング rails httpステータスコードのシンボル一覧 railsのcontrollerで、:okとか、:forbiddenとか、HTTPステータスのシンボルを使うことがある。 これを全て表示してみようとRack::Utils::SYMBOL_TO_STATUS_CODEを見てみた。 1.9.... 2012.07.29 プログラミング
プログラミング mysqlのorder byに条件をつけてみる select文のorder句は、並び替えをする。 たとえば、 SELECT * FROM items ORDER BY name; とすると、nameの昇順に並び替わるというもの。 BYの次に条件をつけると挙動が変わる。 SEL... 2012.07.27 プログラミング
プログラミング jQueryでmarginも含めた幅や高さを取得 しょぼい話し。 たとえば #id{ height: 10px; width: 10px; margin: 5px; padding: 5px; } とした時に、jQueryで普通に $('#id').height()... 2012.07.26 プログラミング
プログラミング CoffeeScriptで即時関数を書く 最近はCoffeeScriptをよく使う。 そりゃrailsで初期装備だからなんだけど・・。 (function() { return 1 + 1; })(); みたいなjavascriptをcoffeeで書くときは、 (-&g... 2012.07.23 プログラミング
プログラミング rails assetsのコンプレッサにオプションを渡す rake assets:precompileすると、javascriptがより短い書きかたへと圧縮される。 素晴らしいことに、圧縮するときに変数や関数の名前を「a」とか「b」などのより短い名前に書き換えてしまうらしい。 でもこれだと、圧縮... 2012.07.21 プログラミング
プログラミング iPhone ウェブクリップ時のページ遷移 iPhoneやiPadはwebサイトをホーム画面に追加するというウェブクリップの機能がついていて、webアプリケーションはウェブクリップ前提で作られることもある今日この頃。 ウェブクリップしたサイトに、以下のようなmetaタグがあるとブラ... 2012.07.18 プログラミング
プログラミング jQuery dataとattrで値が変わる またしてもjQueryネタ。 <div id="data1" data-value="0100"></div> <div id="data2" data-value="0x01"></div>... 2012.07.16 プログラミング
プログラミング forefox transformやoffset座標の扱い 普段、chromeをメインブラウザにしていても開発ではfirefoxなど別のブラウザで動作確認をしないわけにはいかないもの。 最近かなりハマったchromeとfirefoxの違いを2つ紹介します。 1.firefoxだとtranslat... 2012.07.15 プログラミング