CSS Nite LP9 連動 第2回コーディングコンテスト
許容できないくらいHTMLのエラーが出ていますのでもろもろご注意ください。 CSS Nite LP9 連動 第2回コーディングコンテストが開催されています。僕も応募しましたのですが、取り組んだ際の反省などを。 いろいろデカイこと言ってすみません えーっといきなり謝ってしまいますが、「賞を狙っているんですよー」などと大きなことを言ってしまいすみませんでした。何名かの、すでに応募作品を公開されているを見る限り「あー、ここはこうやれば良かったのか」などなど反省点がわんさかありまして、柄にもなく自信をなくしました。 残念な点 ページ上部の影ですが、body:afterなんかでやるのが一番スマートっぽいですね。気づかずにbodyにたいしてbox-shadow: insetを使ってます。さらにそうするとページの左右にもぼかしたぶんだけ影が出てしまったので強引に消したりしています。さらにその強引さがゆえ
[HTML5+CSS3] 第二回コーディングコンテスト に参加してました
締切後のソース公開OKらしいんで晒しておきます。 応募用デザインにキュンとしたので、思い立ったが吉日な勢いでコーディング。 連休中のいい暇つぶしになりました。 イベント自体は前々から知ってたんだけど、腰が重くてなかなか手を出さず…実質的な製作期間は４日くらい。 例によってMooToolsをしこたま多用してます。 完成したのはこれ ボタンにはCSS3のtransitionとグラデーションをフル活用してます。 このプロパティ面白いんだけど手打ちは地獄を見れるぜ…！ transition.cssのカオスさは必見かもしれない。 一応IE6とかでも同じように見れるようにはしてあります。なんかもう癖みたいなもんで。 工程スクショ Chromeの神プラグインWebページショットで制作経過を撮影してみた。 製作中に気づいた事など 要素を均等に横並びにするdisplay:boxが意外と使えない 横並びしたく
![[HTML5+CSS3] 第二回コーディングコンテスト に参加してました](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4a6b7027cd8fa3fb524681defedc3f52bfbd6d0/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F03%2Fnormal-160x300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
