Responsive.isというサイトで 自分のサイトがiPhoneやiPadなどでどのように表示されるかを疑似体験することができます（via Responsive.is: Display and present responsive web designs | Konigi）。実際には解像度の違いがあるのでiPhone4以降や最新のiPadでは画像の解像感に違いはありますけど、手元にiPhoneやiPadがない場合に、レスポンシブデザインに対応した自分のサイトがどのように見えるかを確認するには十分かなと思います。 （続きをよむ）

CSS3 Pseudo-Classes and HTML5 Forms | HTML5 Doctorで紹介されているForm関連の疑似クラスを試してみるというだけの内容。W3Cの定義はこのあたり。required/optionalの疑似クラスは最新のブラウザでは対応しているみたい（上のリンクの記事によると）。ブラウザの対応状況なども考えると、現状では視覚的な補助という域を脱しない感はありますけど。 （続きをよむ）

  • css
Page Speedの評価の一つにUse efficient CSS selectorsという項目があり、そこで効率的なCSSセレクタを使用するという話が挙げられています。ブラウザではセレクタの規則を右から左にフィルターしていくそうなのですが、このフィルターの処理がパフォーマンスを悪化させるらしいのです。（続きをよむ）

  • mt
記事の出力ファイル名を「test_test」とアンダースコアを入れてに設定しているのに、実際に出力されるファイル名は「test-test」とハイフンになってしまう。なんでかなあと思っていたら、テンプレートのアーカイブマッピングのパスが「basenameyyyy/mm/entry-basename.php（%-f）」となっていました。（続きをよむ）

Mac(10.4.11)にgem istall mysqlしようとしたら、下記のようなエラーが出たのでメモ。 ~ sudo gem install mysql -- --with-mysql-config=/usr/local/mysql/bin/mysql_config Password: Building native extensions. This could take a whil...（続きをよむ）

  • css
リンクの色の方が優先される理由の記事で、下記のHTMLの場合はリンクの色の方が優先されるという話をした。 <h3 class="entry-header"><a href="/post.html">記事のタイトル</a></h3> ---- a {color: blue;} h3.entry-header {color: red;} では、h3.e...（続きをよむ）

  • css
たとえば下記のようなHTMLに、下記のようなCSSを指定した場合、aタグに指定したCSSの方が有効に作用する。 <h3 class="entry-header"><a href="/post.html">記事のタイトル</a></h3> ---- a {color: blue;} h3.entry-header {color: red;} まあそう...（続きをよむ）

ずっとGoogleに移行していなかったfeedburner.jpのアドレスですが、今日になってfeedburnerのアドレス(http://feeds.feedburner.jp/memolog)を開くと、突然韓国語のサイトに行くようになった。何と言うことだ・・ どうやら、この韓国語のサイトとメモログのfeedのディレクトリのURLが同じ（おそらくfeedburner.comを使用していたのだろう...（続きをよむ）