JavaScript Archive

昨日、はてなブックマークの件数が0 userでも画像を表示する方法 - Born Neetなんて釣りっぽいタイトルの記事を書いてみたけど相変わらず人は疎ら。
総ブックマーク数も0のまま…

もう半ばヤケクソでライブドアクリップ用の画像も作ったので、上げてみる。

はてなのと同様クオリティは低いですが、ご自由にどうぞ。
（livedoorはスモールでも読めるサイズなのでいいですね。）



スクリプトもclassNameと画像名を変えればそのまま使えます。
例えばこんな感じ。（今日はjQueryで書いてみた。うん、楽だ。onloadへの設定も相変わらず簡単だ。）
っていうか気づけば昨日と大幅に変わってる…。

<script type="text/javascript" src="http://blog.cnobi.jp/v1/blog/user/09dc80a1f21051be5f72fa57333824ae/1202970108"></script>
<script type="text/javascript">
<!--
$(function() {

	$('img.livedoor').each(function() {
	
		if(this.width == 1 && this.height == 1)
			this.src = 'http://blog.cnobi.jp/v1/blog/user/09dc80a1f21051be5f72fa57333824ae/1196849484';
	});
});
-->
</script>

一応サンプルを続きに入れておきます。（昨日とほぼ同じです。）

Continue reading

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

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

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

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

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

Continue reading

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

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

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

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


[参考]

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

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


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

Continue reading

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

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

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

Continue reading

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

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

興味のある人はどうぞ。

Continue reading