Born Neet

被はてなブックマーク件数を画像で取得するAPIは、手軽で便利。

ただ、ブックマークされてないページの場合、1×1の透過pngが返ってくる仕様になってる。

つまり、このブログみたいに全エントリがブクマ数0だと、せっかくapiを導入してもなんの変化も起こらないという悲しい事態になる･･･っていうかなった、そして凹んだ。
（それに、デザイン的にもブックマークの有無によって画像が大幅に変わっちゃうのは良くないよね？）

ってことで、はてブが0件の時にも0 userという画像を表示する方法を考えてみた。

JavaScript使ってるので、続きは続きに入れます。（何か変な文章…）

ずっと気になってた（ご存知の通り、IEで文字サイズの変更ができなくなってしまうため）んですが、ようやくcssを修正できました。

あわせて、全体的に文字を大きくしました。
デザイン的にはよくないかもですが、僕自身もそんなに目が良くないので。

あと、ついでに文字サイズ変更スクリプトも設置しました。
サイドバー（右上）の自作スクリプト実験に入れてあります。
（クッキーとかで状態を保存してないのであまり実用性はないですが･･･）
こういうスクリプトが書きやすいのも%指定のメリットですね。

以上です。（3日空けといてこれだけかよ！？）


[参考]

font-size指定 | d-spica
表「表示文字サイズとセイフティな%指定値対応表」のおかげで、px→%の変更が思っていたよりずっと簡単にできました。
IE7でも、pxで指定されたフォントサイズは拡大、縮小ができない。 - TRANS [hatena]
ちょっと期待してたんですが、IE7でもやはり駄目っぽい（僕はまだ6を使っていて確認できてない）です。ということでcssの変更に踏み切りました。

※ デザインが崩れているところ等があったら教えてくれるとありがたいです。
　（外部リンクのアイコンが一部表示されていないのは認識しています。）


あ、一応文字サイズ変更スクリプトのソースは続きに入れておきます。

前回のエントリでいろいろ勉強になったことを書いたけど、これもdot(w).jsの副産物。

その名もloadCss.js。
使ってみたい人はどうぞご自由に。

サンプルや説明は続きにて。

昨日の続き。はまったこととか、参考にした記事とか。
本編（？）では余計なことに時間かけすぎて、プログラミング的なことが書けなかったので…。

なんだかんだで結構勉強になりました。

興味のある人はどうぞ。

忍者ブログを使ってる方にはすっかりおなじみの（元？）開発者のみずのさんによるブログ。

前々から面白いなーと思ってたあのFlash。
（Flashはさっぱりわからないので）JavaScriptで真似してみました。
本物みたいに汎用的に作ってないし、タイトルとかも入れられないんだけど…

完成品は続きに入れました。
（タイマー使ってて重いのと、ちょっと蓮コラみたいに見えなくもない点を考慮して。）

っていうか、忍者ブログって外部js普通に使えたんだ、知らなかった。
月曜日にできないとか書いちゃったのに、htmlとの分離なんて余裕でできちゃった…。

今回はそのテストも兼ねてのエントリ。