会社化以降にの〜〜〜〜んびりと制作していた新ドメイン+新サイトが完成しました!
ブログも一緒に引っ越しになるのでブックマーク等よろしくお願いします!
アドレスはこちら↓
http://piledesign.jp

会社化以降にの〜〜〜〜んびりと制作していた新ドメイン+新サイトが完成しました!
ブログも一緒に引っ越しになるのでブックマーク等よろしくお願いします!
アドレスはこちら↓
http://piledesign.jp

サンフランシスコ、ロンドンと。回り回ってついに日本みたいです。
これは見たい。んで行く予定です。
場所はこちら↓
TOKYO HIPSTERS CLUB
http://www.tokyohipstersclub.com/
こんにちはKATOです。
今回は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%そうだと断言できないのでサイトの内容によっては完全に却下。
ま、適材適所。内容によって上手く使い分けるしかないということですね〜
2010.01.23に仙台Club NeoBrotherZ.にて開催されるGLARE Vol.26の
フライヤーをデザインさせてもらいました。
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ですが、
仙台にいる皆様は足を運んでみてください。
今年初かつ久々に登米へ行ってきました。
VERB STOREへ新年のご挨拶。
ブーツ群に心を奪われ終始試着


LINEMAN良かったな〜。どうしよう。。。
その後、GATIがタイミング悪くお休みだった為急遽プッペへ。
今年は何をする?的な話をしながら一緒に昼飯を喰らいました。
岡崎さんどうもでした〜!
今週の登米ったらコレ↓

ドラムス :大竹重寿(CRO-MAGNON)
ベース :EIJI (DACHAMBO)
パーカッション :IZPON (KINGDOM☆AFROCKS)
ボーカル/キーボード:椎名純平
若干だじゃれ気味なタイトルですが、アップルのタブレット型端末の発表に負けず、今年はいろいろトライしてみようと思っているyukickです。あけましておめでとうございます。
まずはGoogle chromeからトライ。
まえまえから気になっていたのですが、何となく避けて通ってました。不具合出るのイヤでしたし、まぁまだそんなにユーザーいないだろうと。でも最近google 携帯にしたせいかまた気になり始めたのでここは思い切ってインストール。。。
正直、良い感じです!まだ本格的には使用してませんが、今のところサクサクでブラウジングにストレスを感じません。
google帝国恐るべし。一体どこを目指してるんでしょうか。。。そのうちgoogleのPCでも出そうな勢いですね。それはそれで楽しみですが。
なんだが今年はgoogleブランドがマイブームになりそうな予感w
でわでわ、そろそろ初詣でも行って
IE6が世の中から無くなることを祈ってきますw
暮れに拾ったインフルは3日で退治し、何とか平熱で今年も迎える事が出来ました。
といっても、まだ楽しかった正月のお熱が冷めずではありますが…。
では、PILEも今年もじわじわ始めますよ〜!!
皆様どうぞ宜しくです!