コーディングコンテストに参加し(なく)て学んだこと

CSS HappyLifeさん発案CSS Nite LP3コーディングコンテストですが、結局間に合いませんでした。。。
言い訳としては転職活動が重なってしまったことですが、くやしい。時間はそれなりにあったはずなのに。細かいところで悩みすぎました。
後は2000円のためにじっくり完成させるのみですが、今回の作業で気付いた点を挙げておきます。

サイトの構造をしっかり分析する

どこをどのようにブロック分け、id、class付けするか、使用するタグなどを書き出しておく。
なんとなく頭の中でできているつもりでも、作っていくうちに辻褄が合わなくなってくる。

ネーミングルールを決めておく

id名、class名、画像ファイルなど。これでけっこう悩む。
boxとかblockとかsectionとか。sidebarでいいのか?nav?menu?
ex.「その他オススメ製品」→osusume?others?recommend?

締め切り厳守!

今回は半ば諦め気味だった訳だけど、ビジネスとするには時間を守らなければお話にならない。時には妥協。

日頃から勉強しておく

まあこれがすべてというか。
HTMLやCSSの仕様はもちろん、パーツ単位でのレイアウトの組み方のパターン、各種ブラウザのクセ、CSSハックなど、経験を積まなければなかなか身に付かない。

今回の作業で、いかに自分がまともにサイトを作っていなかったかが身にしみて分かりました。。。
皆さんのマークアップを見て勉強させていただきます。

そして次回こそは(あれば)。