先日、Webデザイナーの集会で嘘くさい？jQueryの基礎みたいなお話をしたのですが、その時にこのような質問が出ました。

複数のセレクトボックスを配置した時、選ばれた要素のテキストをまとめて表示する事って出来ないんですか？

そんな訳でちょっと書いてみたのですが、こんな動作で宜しいのでしょうか？

View Demo

Read More

IE8、FF3、Safari、Opera、Chromeで正式にサポートされているdisplayプロパティの値inline-blockを使ってマルチカラムレイアウトを実装するテストをしてみました。

View Demo

通常2段組み、3段組みなどのレイアウトを組む場合、floatプロパティを使って左右にふったりすると思いますが、今回はfloatを使わずに2段組のレイアウトを組んでみます。HTMLのソースコードは以下の通り

<div id="container">
	<div id="header">
		<h1>header</h1>
	</div>
	<div id="primary">
		<div class="section">
			<p>文章</p>
			<p>文章</p>
		</div>
		<div class="section">
			<p>文章</p>
			<p>文章</p>
		</div>
	<!-- // end #primary --></div><!--
	--><div id="secondary">
		<div class="section">
			<p>文章</p>
			<p>文章</p>
		</div>
		<div class="section">
			<p>文章</p>
			<p>文章</p>
		</div>
	<!-- // end #secondary --></div>
	<div id="footer">
		<address>
		Copyright
		</address>
	<!-- // end #footer --></div>
<!-- // end #container --></div>

inline-blockを指定した要素同士は改行コードの影響を受けて微妙に隙間が出来てしまうのでコメントを挿入して改行コードを埋めています。

Read More

ゴールデンウィーク最終日、混んでる事を覚悟の上で池袋サンシャインで開催されているプラレール博に行ってきました。

イベント限定トミカはカウンタックLP500S、ロータスエスプリ、フェアレディ280Z-T、トヨタ2000GTの4台を買ってきました。写真はその中のトヨタ2000GT。

トヨタ2000GTは僕が子供の頃に遊んでたトミカがご丁寧に取ってあったので（かなり錆びていてボロボロですが）、今回イベント限定で販売していたので買って来てしまったのです。

Read More

今更ですがKaty Perryのアルバム「One of The Boys」にビビっと来ました。

2007年にUr So Gay、2008年6月にI Kissed A Girlがアルバムより前に発売されていて全米で大ヒット。「ほんとはゲイじゃないくせに」とか「女の子にキスしちゃった」とか過激な歌詞が話題になったようだけどそんな事はどうでもいい、この歌声にノックアウトされました。

ノリ的には3rd以降のPinkやNODUBTっぽいなと思いきや影響を受けたボーカリストにGwen Stefaniの名前が上がってました。極上のパワーポップが聞けるアルバムです。

レトロなジャケットもめちゃくちゃいかしてるし、Queenの「Killer Queen」に衝撃を受けて音楽を始めたってプロフィールもいかしてる。キュートなルックスが売りになっているけど個人的にはあまり得意でないルックス。ただ40年代アメリカを意識したファッションは日本でも女子の人気をさらいそう（もうさらってるか）。

Read More