CSS Nite LP9 第2回コーディングコンテストに応募しました

CSS Nite LP9 連動 第2回コーディングコンテスト

来る4月17日に開催されるCSS Nite LP, Disk 9「Coder’s Higher」の連動企画として、CSS Nite LP9 連動 第2回コーディングコンテストが開催されます。〆切は3月23日でした。僕も一応作ってみたので公開してみます。今晒しておけばのちのち恥ずかしくならないからね・・・!

提出したもの

画像 : コーディングコンテストに提出したページ

こんな感じになりました。みなさんのを見ていると、あーこここうすればよかったなぁとかもっとCSS3がりがり使ってよかったのかなぁと反省というか恥ずかしくなってきました。汗

自分が気を付けた点は、

  • id, classを極力使わないシンプルなHTML
  • CSS3は装飾的に利用
  • :after疑似要素を使ってCSSだけでロールオーバーを実現しています(Firefoxだと:active時が効きません)

CSS3については、もっと使えばよかったなぁと後悔しています。当時は、display-boxや背景のグラデーションでも実装してみましたが、調整が面倒なのと、対象ブラウザ以外のブラウザでも最低限閲覧できるのを考えて敢えて使いませんでした。代わりにグラデーションは透過pngでやりました。バッジもCSSではなく画像です。

ということで、新幹線まで時間がないのでここまでで!ツッコミ等はコメントやTwitterでどんどんお願いします。17日いけるといいなぁ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA