HTML5のロゴが発表されたので、他の言語のロゴを集めてみた。

HTML5のロゴが発表されましたね!
なぜか集中線つきで、「デデーン!」っていう感じ全開の。
で、この機会に他の言語(フレームワーク?)のロゴも集めてみました。
探してみたら意外と見つからなかったり、「これはロゴか・・・・?」というものも
あったので、もし間違ってたら指摘もらえると嬉しいです。



HTML5


デデーン!

JAVA


よく見ます。
こちらはマスコットのDUKE



PHP


シンプル。

.NET


なんかSilverlightとかぶりますね。
ちなみにSilverlightはこちら。



perl


なんかロゴっぽいのが見つからなかったので、
オライリー本の表紙になってるラクダ。


python


かっけぇっすね。


ruby


個人的には一番好きです。


haskell


なにかの暗号みたい。


mySQL


イルカ。


postgres


象。


Hadoop


こちらも象。


subversion


どっちかというとこれよりは、



こっちのがイメージあります。


Git


最近普及しだしてますね。

おまけ




もし間違ってたりしたら教えてください!直します!
また、こんなロゴもあるよーとかあれば教えてください。


今日のお疲れ!BGM♪
愛のテーマ/毛皮のマリーズ

ブラウザバックした時にロールオーバーしたままになってしまう問題を解消したjs

タイトル長いですが、そのまんまです。
jqueryロールオーバーを実装すると、ブラウザバックで戻ったときにロールオーバーされたままに
なっていたので、それを解消するスクリプトを作りました。

/* ロールオーバーイメージ表示
 ---------------------------------------------------------------- */
var imgChange = function(){
	var img_out; //mouseout時のsrc属性を格納
	var img_in; //mouseover時のsrc属性を格納
	var objChangeImg = $('.change');
	var hoverDom = {	//マウスオーバーされているDOM要素
		"tarDom":"",
		"img_out":""
	};

	objChangeImg.hover(function(){
		//mouseover時の処理
		img_out = $(this).attr('src');
		img_in = img_out.replace('_off.gif','_on.gif');
		$(this).attr('src',img_in);
		hoverDom = {
			"tarDom":$(this),
			"img_out":img_out
		};
	},
	function(){
		//mouseout時の処理
		$(this).attr('src',img_out);
	});

	//ページ移動時にロールオーバーを戻す
	$(window).unload(function(){
		hoverDom["tarDom"].attr("src",hoverDom["img_out"]);
	});
}


ロールオーバー処理は普通にimgタグのsrcを置換しているだけです。
ページ移動するのをwindow.unloadイベントで補足して、ページ移動時に
imgタグを元に戻しています。
全部のimgタグを戻すのは大変なので、ロールオーバーするたびに
対象となるimgタグをhoverDomオブジェクトに入れてます。


2010/10/13追記
オブジェクトのキーにダブルクォートが抜けてたので足しました。


今日のお疲れ!BGM♪
バンドワゴン/毛皮のマリーズ

cookieをオブジェクトにぶちこむjavascript

を作ってみました。

var getCookie = function(){
	var strCookie;			//cookie文字列
	var objCookie = {};		//cookieをkey・valueごとに格納用
	var aryTmp;				//汎用配列
	var aryTmp2;			//汎用配列
	var aryTmp3;			//汎用配列
	var tmpKey;				//key一時格納用
	var tmpVal;				//value一時格納用

	strCookie = unescape(document.cookie);
	aryTmp = strCookie.split("; ");
	for(var i=0;i<aryTmp.length;i++){
		//valueが単一の場合
		if(aryTmp[i].indexOf("&") === -1){
			aryTmp2 = aryTmp[i].split("=");
			tmpKey = aryTmp2[0];
			tmpVal = aryTmp2[1];
		}else{
		//valueが複数の場合
			tmpVal = {};
			aryTmp2 = aryTmp[i].split("&");
			for(j=0;j<aryTmp2.length;j++){
				aryTmp3 = aryTmp2[j].split("=");
				//イコールが2つある場合は先頭をkeyとみなす
				if(aryTmp3.length === 3){
					tmpKey = aryTmp3[0];
					tmpVal[aryTmp3[1]] = aryTmp3[2];
				}else if(aryTmp3.length === 2){
					tmpVal[aryTmp3[0]] = aryTmp3[1];
				}
			}
		}
		objCookie[tmpKey] = tmpVal;
	}

	return objCookie;


使い方はこんな感じ。

var test = getCookie();
test["key"];  //keyに対して値が一つしかない場合はこれでOK
test["key"]["val1"]  //keyに対して値が複数ある場合はこんな感じ


です。



今日のお疲れ!BGM♪
人間不信/毛皮のマリーズ

jqueryのonload処理タイミングの話

メモメモ。


▽window.onload
→画像など全てが読み込まれるまで実行されない

▽$(document).ready()
→DOM構築された時点(画像が読み込まれてない)で実行される


$(document).ready()ってDomContentLoaded使ってんのかしら。



今日のお疲れ!BGM♪
RUNNER/爆風スランプ

iphone用サイトメモその1

デコード後の GIF、PNGTIFFといった画像は、2Mbytesまで
デコード後のJPEG画像は、32Mbytesまで
アニメーションGIFは、2Mbytesまで
HTML、CSSJavaScriptといった各リソースファイルは、10Mbytesまで
JavaScriptの実行時間は、5秒まで
JavaScriptアロケーションは、10Mbytesまで
同時に開けるドキュメントは、8つまで