Graceful DegradationからProgressive Enhancementへ Graceful Degradationとは要は、クロスブラウザというコンセプト。 どのようなブラウザであっても同じ様に見せるという考えて方で日本では今まで主流だった。 このような考え方では、どうしても下層の仕…

devicePixelRatioとは 1pxの画像をそのディバイス上では何pxで表示するかを指定した設定 webkit系に存在する なぜそんな設定があるのか？ iPhone3G,3GSの解像度と、iPhone4の解像度の違いから考える 機種 解像度 iPhone3G,3GS 480 x 320 iPhone4 960 x 640 i…

ruby1.9のインストール ruby1.9前提なので、入れる ruby1.8でも動いた。。。 $ brew install ruby 準備 利用フォルダの作成 $ mkdir -p cocproxy/files書き換え対象ファイルを用意 $ cd cocproxy/files $ curl -O http://www.rakuten.co.jp/com/inc/home/200…

Responsive Web Designとは http://www.alistapart.com/articles/smartphone-browser-landscape/ 上記、Smartphone Browser Landscapeの記事でEthan Marcotteさんが提唱。http://all-web-blog.blogspot.com/2011/03/blog-post_09.html を参考に実践してみる…

仕様 RFC 2109(obsolete)に規定 http://www.ietf.org/rfc/rfc2109.txt 形式 ・key=valueでひとつ 個数 ・1ブラウザにつき最低300個 ・1ホスト(ドメイン)につき最低20個 サイズ ・cookie1つあたり最低4kbyte ブラウザ実装状況 JavaScriptによりjQuery Cookie…

MacPortsのアンインストール http://guide.macports.org/chunked/installing.macports.uninstalling.html インストール方法 https://github.com/mxcl/homebrew/wiki/installation よく使うコマンド インストール $ brew install <パッケージ名> アンインスト…

surround.vim plugin ds[削除文字] カーソルがある行の削除文字で指定した文字を削除 dst[削除タグ] カーソルがある行の削除タグで指定したタグを削除 cs[置換文字] カーソルがある行の置換文字で指定した文字を置換 cst[置換タグ] カーソルがある行の置換タ…

ul+ / ol+ / table+ ul+ <ul> <li></li> </ul> ol+ <ol> <li></li> </ol> table+ <table> <tr> <td></td> </tr> </table> 独自の属性値を設定する jquery mobile等でdata-role="page"のような特別な属性をzen-codingで付与する方法 div#header[data-role=page] <div id="header" data-role="page"></div> idやclassの属性値に連番をふる ・$の部分が連番になる ・$の数を増や…

MacPortsとは CentOSでいうところのyumのようなもの 必要なパッケージを簡単に導入できる 必要なもの Xcode インストール方法 下記サイトよりパッケージをダウンロードしてインストーラに従ってクリックするのみ http://www.macports.org/※注意・・・インス…