アドレスはこちら↓
　
http://piledesign.jp
　

サンフランシスコ、ロンドンと。回り回ってついに日本みたいです。
これは見たい。んで行く予定です。

場所はこちら↓
TOKYO HIPSTERS CLUB
http://www.tokyohipstersclub.com/

今回はJava Scriptを使わずCSSのみでのサイト作成という場合を想定しての実験。
なので、とりあえずCSS Sprites的発想でナビゲーションぽいのを作ってみた。

まず、用意した画像がこれ。↓

で、HTMLとCSS。↓

<ul>
<li class="a"><a href="#">リンク1</a></li>
<li class="b"><a href="#">リンク2</a></li>
<li class="c"><a href="#">リンク3</a></li>
<li class="d"><a href="#">リンク4</a></li>
<li class="e"><a href="#">リンク5</a></li>
</ul>

ul {
	overflow: hidden;
}

li {
	list-style: none;
	float: left;
}

li a {
        background: url(sprite.gif) 0 0 no-repeat;
        display: block;
        width: 100px;
        height: 0;
        padding-top: 30px;
        overflow: hidden;
}

.a a {}
.b a { background-position: -100px 0; }
.c a { background-position: -200px 0; }
.d a { background-position: -300px 0; }
.e a { background-position: -400px 0; }

.a a:hover { background-position: 0 -30px; }
.b a:hover { background-position: -100px -30px; }
.c a:hover { background-position: -200px -30px; }
.d a:hover { background-position: -300px -30px; }
.e a:hover { background-position: -400px -30px; }

そして完成。↓

おぉ〜、バッチリ。
一応、コーディング内容を考慮してtext-indent: -9999px;は使わずpaddingとoverflow: hidden;で
テキストを非表示に。まぁ、text-indent: -9999px;とあんまり変わらないような気はしますが・・・
しかーし、このやり方だと問題もあります！！
ブラウザの設定でCSSが切られている場合はOKなんだけど、画像が切られているとアウト！！
なんにも表示されませ〜ん。まぁ、画像切ってる人そんなにいないと思うけど・・・
けど100%そうだと断言できないのでサイトの内容によっては完全に却下。
ま、適材適所。内容によって上手く使い分けるしかないということですね〜

HIP HOP & ALL GOOD MUSIC

OPEN 22:00

Entrance::2000yen(1d)
※フライヤー持参/フライヤー携帯画像提示で+1d
::DJ’s::
TAKESHI
ELTONG
Kn2
Che Guevara
::LIVE::
UNTOUCHABLE MIC BAND MC’z
(NISHI. jans. LEE-da-PEACE. EverGreen)

::Mascot Girl::
NaopyoN

::隠れキャラ::
SASAKI

僕は当日残念ながら、Common Magazineの取材でAPPI JAZZYSPORTですが、
仙台にいる皆様は足を運んでみてください。

今週の登米ったらコレ↓

ドラムス　　　 ：大竹重寿(CRO-MAGNON)
ベース　　　　 ：EIJI (DACHAMBO)
パーカッション ：IZPON (KINGDOM☆AFROCKS)
ボーカル/キーボード：椎名純平

そしてこの方も参戦

DJ Mu-R！！
新年早々、凄いです。超豪華！
今年一発目、コレで頭をスカッとしましょう！

まずはGoogle chromeからトライ。

まえまえから気になっていたのですが、何となく避けて通ってました。不具合出るのイヤでしたし、まぁまだそんなにユーザーいないだろうと。でも最近google 携帯にしたせいかまた気になり始めたのでここは思い切ってインストール。。。

正直、良い感じです！まだ本格的には使用してませんが、今のところサクサクでブラウジングにストレスを感じません。

google帝国恐るべし。一体どこを目指してるんでしょうか。。。そのうちgoogleのPCでも出そうな勢いですね。それはそれで楽しみですが。

なんだが今年はgoogleブランドがマイブームになりそうな予感w

でわでわ、そろそろ初詣でも行って
IE6が世の中から無くなることを祈ってきますw

暮れに拾ったインフルは3日で退治し、何とか平熱で今年も迎える事が出来ました。
といっても、まだ楽しかった正月のお熱が冷めずではありますが…。
　
では、PILEも今年もじわじわ始めますよ〜！！
皆様どうぞ宜しくです！

私どもPILEは今年１年も、皆さんと一緒に何とか生き抜く事が出来ました。
また迎えられる事の出来る新たな１年も黙々と、淡々と行きたいと思います。
どうか暖かく見守って頂けると幸いです。

今年１年本当に、有り難うございました！

ようやく今回も、最高のサポートを受け完成しました。
CommonMagazine issue14、ディストリビュート開始です。
設置店舗様、今回も宜しくお願いします！バトンタッチ！

HUMAN REPORT × SHAPE STORE
WORLD HUMAN × Ruslan Karablin aka SSUR
ZEROSEN × D.kiku
GREAT PERSONS × DJ HIROnyc
GREAT PERSONS × DEADLINE
DJ SELECTION × DJ A-RAG-R SOUL (MAIL MAN)
EVENT REPORT × LEVI’S × KRINK
EXPRESSION × China Town SF 2009 (MASH-SF)
THANK YOU FOR YOUR SUPPORT!!
MASH-SF / BENNY GOLD / SHAPES STORE / LPH / DJ HIROnyc / RUSS / SSUR / YTS AMUSE / NIXON / SABRE / THE HUNDREDS / ART HABITAT LEVI’S / ALIFE / CHARLIE / KRINK / C-COLLECTIVE / WOOD BELL / MAIL MAN

今年も残り僅かですね〜、あっという間です。
そんな中、Deliciousの新しいページができました〜

ブランドインデックスです。
取り扱いブランドの詳細が細かく書いてあるので、是非見てみて下さいね〜
アドレスは→Brand List
Deliciousの商品も少なくなってきているので気になるアイテムがある方はお早めに〜