制作者より
プログラミングやデータベースマガジン、スポーツマガジン、ジムなど大人っぽくてかっこいいイメージやアクティブなイメージを出したいホームページに適したCSSデザインテンプレートです。
試しにデータベースマガジンにアレンジしてみました。通信のように大きな写真を使用するとよりサイトが引き締まった印象になりますね。
INFORMATION
- 2011-1-20
-
本日より8月31日まで、修理が30%OFFです。
- 2010-12-01
-
新作を入荷いたしました！限定3です。
完全幅固定タイプです。
全体的な横幅は780px、メインコンテンツ部分530px（余白除く）、サブコンテンツ部分220px（余白除く）です。サブコンテンツ部分はメニューやバナー等を配置することを想定し、幅を広く取りました。
カスタマイズについて
カスタマイズはご自由になさってください。
制限はありません。
プログレッシブ エンハンスメントという考え
ホームページは、どの環境のユーザでも不具合なく閲覧できる事が最も望ましい事であります。しかし、ブラウザによって対応しているCSSやJavaScriptが異なっており、全てのブラウザで全く同じ動作をするということが非常に困難です。そのため、ハックなどを使い、古い技術でしかホームページを作るしかできませんでした。
しかしそれでは、膨大な作業工数になってしまい、製作者は非常に負担が増えてしまいます。そこで、「プログレッシブ エンハンスメント」という考え方です。
「プログレッシブ エンハンスメント」とは、どのブラウザでも情報が欠けることなく参照できるが、最新のブラウザであればよりリッチに見ることが出来、古いブラウザでもデザイン的に劣っても情報が欠けることなく参照できるようにする、という考えです。
つまりは、これまでの「全てのブラウザで全く同じに見えないといけない」という考えではなく、「必要な情報が提供できれば、ブラウザごとに見た目が変わってもよいじゃない」という考えです。
この考えでも実験的に「プログレッシブ エンハンスメント」を取り入れてみました。まずは、上部のメニューにはCSS3のプロパティを使用しております。CSS3に対応しているブラウザで閲覧するとアクティブな動きになっているのがわかると思います。CSS3に対応していないブラウザで閲覧してもデザイン的には見劣りしますが、情報はきちんと表示されます。また、ページへ戻るリンクはJavaScriptを用い、スムースに上部へ戻るようになっています。
