Calendar
SunMonTueWedThuFriSat
1234567
891011121314
15161718192021
22232425262728
2930     
<< April 2007 >>
Recommend
ソラニン
ソラニン (JUGEMレビュー »)
ASIAN KUNG-FU GENERATION
Recommend
Kick-Ass Music from the Motion Picture
Kick-Ass Music from the Motion Picture (JUGEMレビュー »)
Henry Jackman,Ilan Eshkeri,John Murphy,Marius De Vries
Recommend
アフターダーク
アフターダーク (JUGEMレビュー »)
ASIAN KUNG-FU GENERATION,後藤正文
New Entries
Archives
Categories
Recent comment
Recent trackback
Profile
Sponsored Links
Mobile
qrcode
Admin
無料ブログ作成サービス JUGEM
Seach this site
2013.01.11 Friday
スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | | - | - |
2007.04.18 Wednesday
画像の使用を(略)CSS大会
画像の使用を(略)CSS大会
大会の趣旨

画像の使用を控え(あるいは一切使用しないで)、スペース、ボーダー、配色などを駆使し、どれだけ美しいCSSデザインが作れるか皆で挑戦しよう!
という大会が開催されているようで

一時期個人的に画像全然使わないデザインとかにはまってたこともあたので、応募してみた。

大会内容を簡単に説明すると
開催側が用意したHTMLをCSSのみでデザインしてみたらいんじゃね?みたいな感じ^^^

大会用HTML

部門が2つあって、まったく画像使わない部門と画像ちょっとだけ使ってもいいよ部門がある模様
とりあえず画像使わない部門にエントリー

上の大会用HTMLがCSSだけでこんな感じになる
画像の使用を(略)CSS大会

提出作品
作成したCSS

もうちょっとダークでポップな感じにしたかったんです>w<
コーディングは好きなんだけどなー
いかんせんデザイン力の方g

最初、フォントにTrebuchet MSを使いたかったんですが
どうやらIEだかMicrosoftだかにバグがあるっぽく
文字サイズがなんかおかしいことになるらしいので諦め>w<

ところどころかなり手抜きをしてて
HTMLにはhrタグの水平線が入ってたんですが
かなり扱いに困ってhr { display: none;}とかやっちゃう始末wwww

左側に日付を持ってきたのは完全にデザイン目的ですありがとうございまst
2007年のとこで自動改行されるように幅調節するのが地味にめんどうでした^^^^
ウィンドウ小さくすると本文にもかぶっちゃって、これはどうにかしたかった所
z-indexが超絶意味わからない件

あ、ちなみに表示確認はFirefox2とIE6、IE7ぐらいしか見てませんヨー

これをblogテンプレにしようと思ったら
かなり手直しが必要な予感

まあ楽しみつつ作れましたん(*'ω'*)
| くいな | WEB | 11:54 | comments(4) | trackbacks(0) |