[Web2.0]CSSレイアウトからCSSを外すと携帯サイトみたいになる

Category: IT - Bookmarks: Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク livedoorclip.gif この記事の livedoor クリップ数 はてなブックマークに追加 Check
従来、というかWebが出現してすぐの時代はHTMLというモノの凄さに魅了されて、いろんな人が手書きでHTMLを組んではブラウザでプレビューを繰り返し繰り返し、ウェブサイトを作っていた。

それが「ホームページビルダー」などの出現で簡単にHTMLをデザインできるようになり、HTMLだけで複雑なレイアウトも可能な時代になった。

Web2.0的サイトの特徴の一つとして「デザインとコンテンツの分離」みたいなコンセプトで、
・表示内容はHTML、
・デザインはCSSで定義する
という風にコンテンツとデザインを分けるという試みがだいぶ浸透してきた。

これにより、たくさんのウェブデザイナーが頭を悩ましただろう…。

現在TERAINFORMATIONのコーポレートサイト(?)を作っているのだが、だいぶフルCSSレイアウトに近づけたつもり。

いちおトップページは出来上がりつつあるので、恥ずかしながら載せておくとこんな感じ。

with css


で、CSSを外すとこんな感じ。

without css


これじゃあまるで携帯サイトをパソコンで見てるようだってか日本最初のホームページ[関連]を彷彿させるような…。

あぁ、CSSの力って凄いのねと今更ながら感心してしまいましたとさ。

【関連記事】KEK 高エネルギー加速器研究機構の電気代は?
タグ:HTML CSS Web2.0
posted by teraitakeshi at 2007年03月14日22:52 | Comment(0) | TrackBack(1)




【ITの最新記事】
facebookで「いいね!」する
ソーシャルブックマークに追加
Yahoo!ブックマークに登録 Yahoo!ブックマーク
この記事を del.icio.us に登録  del.icio.us
イザ!ブックマーク  iza!ブックマーク
はてなブックマークに追加 はてなブックマーク
livedoorclip.gif この記事の livedoor クリップ数 livedoor クリップ
Buzzurlにブックマーク Buzzurlにブックマーク Buzzurl(バザール)
ソーシャルニュースに追加
newsing it! newsing(ニューシング)
この記事をChoix! Choix(チョイックス)
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバック

[Web2.0]CSSレイアウトからCSSを外すと携帯サイトみたいになる: TERAInformation
Excerpt: CSSレイアウトって凄いなあ、と、今更実感。
Weblog: pligg.com
Tracked: 2007-03-16 13:59