ユニバーサルセレクタを利用せず，デフォルトのCSSをリセットする - memo.xight.org
Summary 以下のように，ユニバーサルセレクタを用いたCSSのリセットは，レンダリング速度の面で問題． * { margin: 0; padding: 0; } 使用するタグのみをリセットすると良い． html, body, { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; } YUI Reset CSSの例 body,div, dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } Reference Emotional We
JavaScript Lint - JavaScriptの文法をチェックするソフトウェア - memo.xight.org
Summary JavaScriptの文法をチェックするソフトウェア． JavaScript Lint が検出する一般的な誤り o 行末にセミコロンが無い行 o ifやfor，while等のないところにあるブレース("{}")など o returnやthrow，continueやbreakによって，実行されることが無くなってしまっているコード o break文が無いcase文 o 数値の前や後についている小数点 o A leading zero that turns a number into octal (base 8).(?) o コメント内にあるコメント o Ambiguity whether two adjacent lines are part of the same statement. o 一つの文なのかそうじゃないのか分からない，繋がった文 o 何もしていない文 JavaS
UTF-8で変換できない機種依存文字を置換する
Summary UTF-8 のページから (株) や ローマ数字の I などの文字をメールで送信すると，文字化けする． 文字化けしそうな文字を，ad hoc に機種依存しない文字に変換する． ローマ数字もカッコで括るか，スペースを挿入したほうが良いかも． Source function replaceText($str){ $arr = array( /* --- 0x2100 - 0x2138 (文字種記号) --- */ // 0x2100 - 0x210F '\xE2\x84\x80' => 'a/c', '\xE2\x84\x81' => 'a/s', '\xE2\x84\x82' => 'C', '\xE2\x84\x83' => '?', '\xE2\x84\x84' => '?', '\xE2\x84\x85' => 'c/o', '\xE2\x84\x86' => 'c/u
指定した日時までの時間を表示するスクリプト "countdown.js" と使用法 - memo.xight.org
Summary YAPC::Asia 2006のカウントダウンで使われていたスクリプトを見てみた． countdown.js function toCountString(sec) { if (sec <= 0) { return '00:00:00'; } var day = Math.floor(sec / (60*60*24)); var hour = Math.floor(sec % (60*60*24)/(60*60)).toString().replace(/^(\d)$/, '0$1'); var min = Math.floor(sec % (60*60*24) / (60) % 60).toString().replace(/^(\d)$/, '0$1'); var sec = Math.floor(sec % (60*60*24)%60%60).toString().r
memo.xight.org - JavaScriptのデバッグ方法
Venkman JavaScript Debugger FirefoxのExtention． JSUnit メソッド 内容 assert([コメント], booleanValue) assertTrueと同じ assertTrue([コメント], booleanValue) booleanValueがtrueか assertFalse([コメント], booleanValue) booleanValueがfalseか assertEquals([コメント], value1, value2) value1 == value2か assertNotEquals([コメント], value1, value2) value1 != value2か assertNull([コメント], value) value == nullか assertNotNull([コメント], value) value
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 - memo.xight.org
Summary target="_blank" を使わないで新しいウィンドウでリンクを開くための手法． Behaviour.js を利用すればより簡単，かつHTMLを汚さずに実装可能． Sample Source var myrules = { '.popup' : function(el){ var href = el.getAttribute('href'); if (href){ el.onclick = function(){ window.open(href); return false;} el.onkeypress = function(){ window.open(href); return false;} } } }; Behaviour.register(myrules); <script type="text/javascript" src="behaviour.js
mod_cache + mod_disk_cache を利用した apache2 のパフォーマンス改善とその効果 - memo.xight.org
/etc/apache2/mods-available/disk_cache.conf <IfModule mod_cache.c> <IfModule mod_disk_cache.c> CacheRoot "/var/cache/apache2/disk_cache" CacheSize 524288 CacheEnable disk / CacheDirLevels 4 CacheDirLength 5 </IfModule> </IfModule> cache 用ディレクトリの作成 # mkdir /var/cache/apache2/disk_cache mod_cache と mod_disk_cache の有効化 # a2enmod cache # a2enmod disk_cache # apache2ctl configtest # apache2ctl restart
Apache2 で mod_deflate - memo.xight.org
Summary ネットワークの速度がボトルネックになっている場合には， 動的にコンテンツ圧縮を行うことでパフォーマンスを上げることが可能． 動的に圧縮を行うため，CPU等のリソースは通常の転送時以上に消費する． Apache1.x では mod_gzip を用いたが，Apache2.x では mod_deflate を用いる． /etc/apache2/mods-available/deflate.conf を作成 # mod_deflate <IfModule mod_deflate.c> AddEncoding x-compress Z AddEncoding x-gzip gz tgz DeflateCompressionLevel 9 #AddOutputFilterByType DEFLATE text/html text/plain text/xml DeflateFilter
テストを楽にするための Auto Fill Bookmarklet - memo.xight.org
Summary 何度も同じ入力する時間が無駄なので JavaScript で Auto Fill． ただし，onKeyUp などのイベントが起こらないので注意! Template <form> <input id="id_name" name="name" /> </form> javascript:(function(){ if (document.getElementById(id)){ function set(id,val){ document.getElementById(id).value=val; } } set('id_name','value'); }() Sample <form> <input id="name" name="name" /> <input id="mail" name="mail" /> <input id="company" name="compa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URLParser - JavaScriptのURLパーサークラス - memo.xight.org