jozのブックマーク - はてなブックマーク

アルファ画像を扱うalphafilter.jsライブラリ[to-R]

アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。そこで、IE6で透過pngを扱うjsライブラリを作ってみました。設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。  透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a

joz 2008/11/06

png

リンク

IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

IE6以下をWeb標準に準拠させるライブラリ『IE7.js』多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。ただし完全にIE7と同じような形にするのではなく、より近い形ということです。現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。設置方法 Google コードのie7-jsより直接読み込むことが可能です。以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c

joz 2008/01/17

リンク

[書評]SMO(ソーシャルメディア最適化)実践テクニック

[書評]SMO(ソーシャルメディア最適化)実践テクニックついに出たという感じのSMO本。アイレップの紺野さんと渡辺さんの著書。巻末には住太陽さんを交えた対談も収録。当サイトのエントリー（SBO（ソーシャルブックマークオプティマイズ）のブックマークレット）もP116で紹介されています。この本の意義のあるところは、SMOが日本のWeb業界に入ってくる際に、SMOの16のルールとしてテクニック論が先行して入ってきており、あまり語られなかった本質について、十分なページを割いて説明しているところにあると思います。 SEOやSMOの場合、『どうするか』より『なぜするか』のほうが重要であり、本質を知ることにより案件による施工の重要度も、応用も格段に変わってきます。 SEOとSMOの関係、検索エンジンの変化など説明もさることながら、Chapter3の『ソーシャルメディアに対する企業体制のあり方』では

joz 2007/11/30

リンク

高さの異なるカラムをそろえるスタイルシート

高さの異なるカラムをそろえるスタイルシートネタ元：高さの異なるカラムを揃えるスタイルシート[コリス] 高さの異なるカラムをそろえるのがはやっているようですので、色々考察。高さの異なるカラムをそろえる一般的な手法は、親要素の背景に画像を設定し、高さが揃っているように見せかける方法です。まず、高さがバラバラの場合のサンプル。次に、高さをそろえたサンプル。こちらの方がネタ元より若干、汎用性が高い。例えば、カラムの下を角丸でそろえることも可能です。サンプルネタ元ですが、ネガティブマージンを使った手法でボックスの領域を超えて背景画像を表示する形で、高さをそろえているように見せかかけています。図解するとこんな感じ、『カラムの内容領域の高さ』に対して、『padding-bottomにより背景画像の表示領域を拡大』し、『カラムの実際の高さ』は、『margin-bottomにより縮小』させ

joz 2007/11/01

リンク

script.aculo.usでHTML Slidyを改造

script.aculo.usでHTML Slidyを改造 CSS Nite in Osaka 2007 春の陣前夜祭のプレゼンで使ったスライドですがscript.aculo.usを使って改造しています。改造方法をちょっとだけ紹介します。 script.aculo.usというのはPrototype.jp上で動くエフェクトライブラリで、簡単にWEBサイト上の部品にアニメーションのようなインタラクティブな効果を与えることができます。あの有名なLightboxなどもscript.aculo.usを使い作られています。まず、script.aculo.usの公式サイトよりライブラリをダウンロードします。ダウンロードしたファイルを解凍しlibディレクトリの中身とsrcディレクトリの中身をサーバー上のjsディレクトリにアップします。 (ディレクトリ構成は好みに別れますがボクはjsディレクトリに

joz 2007/09/03

スライド

リンク

SEO対策ツールまとめ[to-R]

SEO対策ツールまとめよく使うSEO対策ツールのまとめ。他にもいっぱいあると思うけど個人的に愛用しているもののみピックアップ。キーワードアドバイスツールプラス Yahoo!JAPANでキーワードが何回検索されたか調べるツール(2007年4月時点のデータ) キーワード出現頻度解析そのページにおけるキーワードの比率を計算できるツール。検索エンジンランキングチェッカー検索エンジンでの順位をチェックできるツール。何がすごいかって言うと検索結果が記録されていきます。 Google, YST キーワードチェックツール GoogleとYSTの辞書にキーワードがどのように登録されているかチェックするツール。 XML Sit emap Generator Google sit emapを自動で作ってくれるツール Statsaholic 今までのAlexaの順位遷移を比較できるツール robots.

joz 2007/04/10

SEO対策ツール

リンク

はてなブックマーク

タグ

ブックマーク / blog.webcreativepark.net (6)

お知らせ

今週のはてなブックマーク数ランキング（2024年5月第2週）

今週のはてなブックマーク数ランキング（2024年5月第1週）

月間はてなブックマーク数ランキング（2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス