Babylon Junks Smart Phone Site [HTML5,CSS3]
先ほどBabylon Junksのスマートフォンサイトを公開したぜ
初めての割にはそこそこいい出来かなと
でも、アンドロイド系ではまったくもってチェックしてないので、なんかあったら忠告しておくれやす
HTML5、CSS3でのコーディングとなったが、まあまあケータイサイトよりはよっぽど作りやすかったかな
基本旧ブラウザを気にせず、ハックに頼ることもないので、もしかしたら一番簡単かも?まあ静的だし
ヘッダとフッタ、あとメニューのボタンは画像ではなくCSSで表現
角丸なんかもborder属性で表現ができ、画像borderなんかもできるらしい
ロゴJPGとの境界線がなかなか自然に行った為、意外と楽ちん
DemoページはiPodをちょっとイメージしたが伝わったかな?
そのままmp3をダウンロードできればいいんだろうが、それはiphoneが許してくれず、とりあえず止めた
検証はchromeでおこなったがIE9はいまだCSS3は表現してくれないクソブラウザだった
課題としては画像の表示がiPhoneではあまりよくない、解像度の問題かな?
アクセスはPCのURLで自動判別する
はず
http://www.babylon-junks.com/
初めての割にはそこそこいい出来かなと
でも、アンドロイド系ではまったくもってチェックしてないので、なんかあったら忠告しておくれやす
HTML5、CSS3でのコーディングとなったが、まあまあケータイサイトよりはよっぽど作りやすかったかな
基本旧ブラウザを気にせず、ハックに頼ることもないので、もしかしたら一番簡単かも?まあ静的だし
ヘッダとフッタ、あとメニューのボタンは画像ではなくCSSで表現
角丸なんかもborder属性で表現ができ、画像borderなんかもできるらしい
ロゴJPGとの境界線がなかなか自然に行った為、意外と楽ちん
DemoページはiPodをちょっとイメージしたが伝わったかな?
そのままmp3をダウンロードできればいいんだろうが、それはiphoneが許してくれず、とりあえず止めた
検証はchromeでおこなったがIE9はいまだCSS3は表現してくれないクソブラウザだった
課題としては画像の表示がiPhoneではあまりよくない、解像度の問題かな?
アクセスはPCのURLで自動判別する
はず
http://www.babylon-junks.com/