floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。 The New Clearfix Method いわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。 旧タイプのclearfix <textarea name="code" class="css" cols="60" rows="5"> .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac */ * html .cle

献本はしばしば頂くのですが、献本ついでに著者じきじきに浦和にやってきて「ネタフルでまだ使っていない機能を解説しますよ」とおっしゃるので、思わずお願いしてしまいました。 ということで「Google Analytics完全解説」という本日発売の解説本の著者のお一人から直々に「これは知っておくとお得だなぁ」というTipsを5つお聞きしました！　そんな使い方があるのか！　と驚いたので、ブログにまとめておきたいと思います。 ▼Google Analytics 完全解説 (大型本) 「デフォルト設定のまま使っていませんか？」というのがその主旨だったのですが「はい、デフォルトのままです」というのが、ぼくのGoogle Analyticsの使い方の現状でした。 そこで「より有効に使う五つのTips」というのを教えてもらうことになりました。 新しい機能を使う前に、古いトラッキングコードをブログに埋め込んであ

ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B

Firefoxの弱点の1つにメモリ消費の大きさが挙げられる。長時間起動したままにしておくとメモリ消費量はどんどん大きくなり、メモリの少ないパソコンではほかの作業ができなくなってしまう。Firefoxを再起動すれば回避できるが、しょっちゅうブラウザを再起動するのは面倒。そこで「AFOM Plus」というアドオンを利用しよう。 指定した間隔ごとにFirefoxのメモリ開放を行ってくれるため、再起動の必要がなくなる。起動したままにしておくと、数百Mバイトものメモリを消費することも珍しくないが、メモリ開放の間隔を短くすれば、常に100Mバイト以内に抑えられるはずだ。 なお、このアドオンは初期設定のままだとFirefox起動時に自動で動作しない。オプション画面からスタートアップ登録しておこう。 「この実験的なアドオンをインストールします」にチェックしてAFOM Plusをインストールし、再起動する