画像を一切使わないCSS3で製作した新サイト「NetaGear」！

今回はCSS3でがんばれば画像を使わなくてもカッコいいサイト作りができるという事を知って欲しいという目論みがあり、今回は画像なしのデザインにチャレンジしてみました！以前から画像を使わないサイト作りという考え方があったのは確かですが、それでもCSS3がないとすべてが四角で製作しなければならないという厳しい条件が突きつけられるので、あんまりチャレンジする人がいなかったのも事実です。

実際に作るのは大変でしたが、CSS3になれればかなりいろいろなことができるような気がしますね。NetaGearのデザインではシンプルでちょっと立体的に作ってみようと思い、サイドとフッター辺りは立体的に見えるように作ってみました。個人的にはシンプルなレイアウトで気に入っています。

その他に製作の過程でCSS3のすごさに改めて感動しました。追加されたものはそんなに多くはないのですが、デザインできる幅はかなり広がっている印象です。極めればCSS3だけでいろいろなものを作り出すことや絵を描くこともできると思います。

XHTMLの記述やW3Cについて

コメント欄でhtmlの記述に問題ありって書かれていたので追記します。その点は全く問題なくW3C Markup Validatorも通りますし、ちゃんと「This document was successfully checked as XHTML 1.0 Transitional!」と表示されます。私はStrictがあまり好きではないのでTransitionalで書いていますが、とりあえずWeb標準で書いていることは確かです。

→NetaGearをW3C Markup Validatorで確認する

NetaGear閲覧の際の推奨ブラウザ

NetaGearを完全に楽しむためにはCSS3に対応したGoogle Chrome,firefox,Operaなどの一般的なブラウザが必要です。

Google Chrome

NetaGearはGoogle Chromeでの閲覧を推奨しています。Google Chromeでアクセスした場合はCSS3デザインの画像を一切使わない最速表示モードで表示されます。

firefox　& Opera

firefox、Operaは準推奨です。firefox、Operaでアクセスした場合も画像を一切使わない最速表示モードとなりますが、一部非対応の部分があります。

Internet Explorer

IEは非推奨です。IEでも一応閲覧は可能ですがGoogle Chrome、firefox、Operaのようなデザインでは表示できません。

NetaGear閲覧におけるブラウザ比較

NetaGearはGoogle Chrome用に最適化されていて完全動作するので、Google Chromeが推奨です。firefox、Operaは一部非対応の部分があるので準推奨です。まあ一部といっても90％以上はChromeと同じ動作をしてくれるので問題はないです。



NetaGearには一つ残念なことがあります。いや、本当はInternet Explorerが残念なだけなんだけどさ。このサイトの閲覧の際の注意点としてはInternet Explorerは使わないでください。IEさんはCSS3なんてものは全然全く対応していないので、表示がひどいことになりますね、マジでIEは滅んでくれないかな。一応IEでも閲覧できるようにサイト設計はしていますが、他のGoogle Chrome,firefox,Operaなどのブラウザに比べるとデザイン的に天と地との差があるので、非推奨となっています。


ここで今IEを使っている人に言いたい！
そのブラウザを使うのをさっさとやめてくれ。あれはWeb業界の足を引っ張りまくっているお荷物なんだ！他にもいいブラウザはたくさんある。IEを使うメリットなどほとんど皆無という実状を理解しているのか？

NetaGearの裏テーマはアンチIEです。

NetaGearの閲覧を通してIEが良くないという事実を認識していただきたい。実際にIEとChromeやfirefox、Operaと比較してみてください。今の主要ブラウザのほとんどがCSS3に対応してきている現状において、未だにIEは対応なしです。さっさとIE9を出して対応しろよ。

おススメのブラウザ

私がIEユーザにおススメしたいのは下の三つです。特徴を簡単に説明すると、Google Chromeが起動最速、firefoxがアドオン最強、Operaが標準で多機能ですかね。本当はもっと詳細に説明したほうがいいのでしょうけど、簡単に説明するとこんな感じです。

Google Chromeのダウンロード
Firefoxのダウンロード
Operaのダウンロード

個人的なことではありますが、最近私の中でChromeの株が上昇しているので一番のおススメはChromeです。ちなみに私はOperaユーザですけどOperaの良さは分かる人にしか分からないですし、Chromeは非常に良いブラウザなので他の人にはChromeを薦めています。

今回の個人的な感想

今回のNetaGear Beta版はだいぶ前からtwitterで先行公開していたものなのですが、一応ある程度の改良が済んだのでBeta段階ですけどこのブログでも公開することにしました。一応羅列表示とカテゴリ分け表示ができるようになっています。今現在は更新頻度は一日3回でやっていますので、このサイトよりは確実に更新してますね。

まだ大幅な改良が控えているので、それが終われば正式版として公開できるようになると思いますが、最近忙しいのでいつになることやら～。

なんとなく方向がずれた気がしますが、NetaGearのコンセプトはつかんで頂けたらうれしいです。ついでに脱IEしてもらえれば幸いに思います。