月別アーカイブ 2006年07月

前後の月

はてなのブックマーク数を画像で取得する API を導入

この記事が属するカテゴリー
Movable Type

いまさらだけど、はてなのブックマーク数を画像で取得する API を実験的に導入してみた。

ウチのサイトでは、画像の大きさはラージがぴったりだったんで、Movable Type のテンプレートに下記を追加。

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink valid_html="yes"$>" title="「<$MTEntryTitle$>」のブックマークユーザー"><img src="http://b.hatena.ne.jp/entry/image/large/<$MTEntryPermalink valid_html="yes"$>" alt="はてなブックマーク" /></a>

ちょー自己満足。ちなみに、自分が使ってる del.icio.us のブックマーク数の方は、お手軽でライトウェイトな取得・表示方法が分からない（知らない）んで、誰か教えてください。つか、MTEntryPermalink のアトリビュート valid_html="yes" ってなんでしたっけ？（ぉ

2006-07-23T18:04:31+09:00 | コメント (3) | トラックバック (0) |はてなブックマーク

グリッドレイアウトのための背景画像

この記事が属するカテゴリー
CSS web&blog

ウェブページをグリッドレイアウトするのであれば、あらかじめ CSS で背景画像にルーラーみたいな画像を指定しておけば制作時に便利じゃね？ってアイデア。

つうことで、自分が使いやすいと思う方眼画像をちゃちゃっと作ってみた。

gif画像（ご自由にどうぞ）
grid.gif (GIF 画像, 200x200 px)
実際に適用してみたサンプル
グリッドレイアウトのための背景画像のサンプル

ルーラーの最小単位は 5px で、それより若干濃い線が 10px 、さらに濃い線が 50px、んでもって薄いグレーの背景が 100px 単位って具合。カチッとしたレイアウトをしたいんであれば、確かにこのアイデアは良いかもね。

2006-07-19T17:05:31+09:00 | コメント (3) | トラックバック (3) |はてなブックマーク