月: 2011年11月

facebookのPHP-SDKを使わずに自力でフォトアップロード（アルバムに３連投）。

よくfacebookを使ったキャンペーンで使われる、アルバムを使ったプロモーション。

こんなヤツ。ほんと何度も言いますが、PHP-SDK使えば超カンタンだぜ！的に書いたんですが、PHP5.2未満のお客様って〜のはまだまだいるんですよね〜。

てわけで、またもや自力で実装してみました。

続きを読む facebookのPHP-SDKを使わずに自力でフォトアップロード（アルバムに３連投）。

jQuery（というかJavascript）でヒートマップ（っぽいもの）を作ってみたよ。

普通のデザイナーさんならFlashで作るんでしょうがね(^^ゞ
特に難しいことはやってないんだけど、ネット上で探してみても誰もやってなさそうなので晒してみましたよ。

※白地図は「白地図、世界地図、日本地図が無料【白地図専門店】」から拝借。ちょっと古いみたいで、八女市が合併前の地図になってます。
※ヒートマップのデータは「福岡県警察 交通事故統計資料」の平成23年９月末現在のデータより、事故件数を拾ってます。

ソースは続きで。

続きを読む jQuery（というかJavascript）でヒートマップ（っぽいもの）を作ってみたよ。

要素を強制的にモニタの中心に配置する。

ブラウザの中心ではなく、モニタの中心。
アイデアレベルで作ってはみたものの、どうにもこうにも使いモノにならずお蔵入り。可哀想なので晒してみるテスト。

OSXだと、ウィンドウドラッグ中はscreenX, screenYが更新されないのね(´・ω・`)

<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
	setInterval(function() {
		var x = window.screenX || window.screenLeft;
		var y = window.screenY || window.screenTop;
		x = screen.availWidth  / 2 - x - 80;
		y = screen.availHeight / 2 - y - 100;
		jQuery('#force-center').css({'left': x +'px', 'top': y + 'px'});
	}, 10);
});
</script>
</head>
<body>
<div id="force-center" style="background-color:pink;border:3px solid red;color:red;font-size:10px;font-weight:bold;line-height:14px;position:absolute;height:60px;width:80px;text-align:center">意地でも<br />モニタの中心に<br />居座る<br />(・∀・)</div>
</body>
</html>

続きを読む 要素を強制的にモニタの中心に配置する。