CSSデザインがもっとセマンティックになっていくということ2011/12/27今年はスマホが普及してきたな、と思った。僕が初めてiPhoneに機種変したのは去年(2010年)で、iPhone4が出たばかりのタイミングでした。アプリはあんまり入れてないし、有料アプリはほとんど入れてない。iPhoneを買ってすぐは少し有料のフォルダ管理アプリとかを買ってみたけど、なぜだか100円ちょっとが高く感じる。アプリのレビューコメントが情弱ユーザが如実に現れてきたり、なんだか衆愚なアプリがランキング上位をとったりし始めたのが今年の秋。だいたいiPhone4Sがでた頃。あ、Android界隈の話はまったく知らないで書いてますよ。この頃から「スマホ初心者に優しいアプリやWEBサービスってどんな形だろう」と考えるようになってきた。言っても2,3ヶ月の話なんだけども。デザインがセマンティックになっていくとはいわゆるHTML5という文脈で語られるsection要素やらarticle要素やらアウトライン構造やらという話ではなくて、もっと見た目に近い部分で、そうなっていく。デザイン自体が言葉と同じ意味を主張し始めるようになる、と思ってる。それはiPhoneだからとかスマホだから、ということじゃなくって、WEBアプリケーションが全体的にそうなっていく、と感じ始めた。デザインがもっとセマンティックになっていくということを全部読むXHTML+CSSを覚えるために昔やったこと2009/03/23以前、マークアップエンジニアだったときに僕がHTMLとCSSを覚えるためにやったこと(別にこれを意識してたわけじゃないけど)を挙げてみます。考え方としては、1.画面デザインにどんな項目があるのかを理解する2.項目を大まかに分類する3.大まかな分類をブロックに分けて、ワイヤフレームを考える4.ワイヤフレームを大まかに順序付けする5.ワイヤフレームをXHTML+CSSで書く6.ブロックの中身をマークアップするXHTML+CSSを覚えるために昔やったことを全部読むCSSを多重継承してみる2007/08/09りんごりらのエントリーで使ったCSS多重継承だけど、2コまでかなーと思ってたらそれ以上もいけるっぽい。text-underline">りんごりら2!!!!<div>と書いてみる。blog.ryow.net。