2011-08-29
HTML5 と CSS3 を
そろそろ始めるかと思う今日この頃...。
仕様自体がまだ確定していないし、本格的に普及するのは Windows XP のサポート期間が終了する2014年4月前後になると思うので、概略や追加、変更されたタグやプロパティを今からのんびり覚えて丁度イイかなと...。
手はじめにPCよりスマートフォンの方が普及・対応が先行しているみたいなので、仮想サイトのスマートフォン版のプロトタイプを作ってみようと思いざっと調べてみた。
HTMLやCSSの基本がドラスティックに変わったワケじゃ無いのね...。
・HTML5とは何かを簡単にまとめてみた
http://techblog.yahoo.co.jp/cat207/web_1/html5/
・HTML5 でやりがちな間違い
http://hyper-text.org/archives/2011/07/html5_mistakes.shtml
・HTML5リファレンス
http://www.htmq.com/html5/
■CSS3
・一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ
http://jsdo.it/event/topics/2011/07/css3showcase
・CSS3リファレンス
http://www.htmq.com/css3/
■スマートフォンサイト作例
↑を観てるとUIは言わずもがな、画像(特にボタン)のクオリティと配置がキモですな。
アイコン、ボタン画像のクオリティが高くないとグダグダになりそうw
+++
英語だとオサレなのに日本語にした途端、野暮ったくなるから英語のみのサイトは配色やレイアウト以外、あんまり参考にならないカモ...。
アルファベットは日本語に比べて画数が少ないので、他の要素との調和が取りやすいんだよなぁ...。
(ソレを何とかするのがデザイン力なのだがナw)
タイポグラフィの持つチカラを侮ってはいけない >オレ
