2014-01-01から1年間の記事一覧

レスポンシブ（スマホ用）のコーディングメモ

margin,paddingの%指定は包含ブロック「幅」に対する割合 height,top,bottomや背景画像位置の%指定は包含ブロック「高さ」に対する割合 @media only screen and (max-width: 639px) {} <meta name="viewport" content="width=device-width"></meta>

メモ　.htsccessのRewriteでメンテ画面表示

ErrorDocument 503 任意のURL(http://~ もしくは /~ ) RewriteEngine On RewriteCond %{REQUEST_URI} !任意の文字列 RewriteCond %{REMOTE_ADDR} !^000\.000\.000\.000$ RewriteRule ^.*$ - [R=503,L]・リダイレクト後のurl（に含まれる文字列）で判定してル…

audioタグ覚書

想像をはるかに下回るhttp://www.ibm.com/developerworks/jp/web/library/wa-ioshtml5/・対応状況が異なるために複数ファイルが必要 ・ループ再生がスムーズにつながらず、1回再生し終わった時点で音が途切れる iOSでの問題点 ・プリロードの術がない（初回…

for inループの挙動

javascript

IE8なんなの var arr =["a","b","c"] for(var i in arr){ alert(i); } // 0 // 1 // 2 // indexOf 4回まわってる上に 最後のやつなんなの 140322追記： IndexOfの正体はArrayのprototypeに追加したIndexOfメソッドだったことが判明 for inループはprototype…

（反省）event.targetのさすものを忘れるな

javascript

初歩的過ぎるミス イベントオブジェクトのtargetプロパティで取れるのはイベントが発生したオブジェクトだ 必ずしもイベントリスナーを登録したオブジェクトとは限らない AS3いじりたての頃に散々やったはずなんだけど <ul> <li id="btn"><div>ボタン</div></li> </ul> $("#btn").click( function(e…

（あまり役立たない）IE8で擬似要素の背景を動的に切り替えられない場合

html

<html> <head> <meta charset="utf-8" > <title></title> <style> #box{width:200px;height:200px;background:#eee;} #box:before{content:"before box";color:#fff;display:block;background:#aaa;width:100px;height:100px;} #box.change:before{background:#ccc} </style> <script src="js/jquery.js"><…</meta></head></html>