michael-unltdのブックマーク - はてなブックマーク

アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。そこで、IE6で透過pngを扱うjsライブラリを作ってみました。設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。  透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
michael-unltd 2008/07/31
画像
リンク
WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました。重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。インデクシングに関する限界ページのファイルサイズは150KB以下にしましょう。ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字（半角）以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。ディレクトリの
michael-unltd 2008/05/03
SEO

cheetsheet
リンク
テーブルをソートできるようにするjsライブラリ-table sorting
テーブルをソートできるようにするjsライブラリ-table sorting table sortingはテーブルをソートできるようにするjsライブラリです。テーブルの内容でソートしたり、奇数行、偶数行にそれぞれ異なるclassをつけたりが可能です。設置方法ダウンロードしたsorta ble.jsをhead要素内なので読み込みます。 <script type="text/javascript" src="sorta ble.js"></script> ソートの対象のtable要素のclass属性をsorta bleに設定して、任意のID名をid属性につけます。 <table class="sorta ble" id="foo"> ソートの対象にしたくない列がある場合はth要素のclass属性にunsorta bleを設定します。 <th class="unsorta ble"> ソートの対象にした
michael-unltd 2007/09/25
リンク
ユーザーがページのどこをクリックしたか解析するツール[to-R]
ユーザーがページのどこをクリックしたか解析するツールユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか？今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。ちなみにto-Rを解析した所、このような結果になりました。最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。セットアップまず
michael-unltd 2007/08/21
リンク
1