
お気づきの方もいらっしゃるかもしれませんが、少しデザインを変更しました。横幅を少し細めて、写真がより目立つようなレイアウトにしています。その他、文字の大きさ・文字間隔・サイトのメインになる白いボックスのデザインなどを少しずついじっています。見やすくなっていれば良いのですが・・・
ただし、一部「CSS3」という方式を使ってデザインしているので、Windowsで「Internet Exprlorer」を使っている方はデザインが反映されていない箇所があります。
というのは、Internet ExplorerというブラウザはCSSというサイトのデザインを司る技術について非常に不得意で、その他のブラウザ(Firefox、Safari、Chrome, Opera等)に比べてCSSが反映されない部分が非常に多いのです。特に問題なのがInternet Explorer 6 を使っている方。率直に申し上げますと、Internet Explorer 6 はもう使うべきではありません。Googleをはじめ、いよいよ今年軒並みサポートがなくなるんですね。もし使い続けていると、いつの間にか世の中のウェブサービスが使えなくなったり、一部の新機能を使えない事にすらなりかねません。せめてInternet Explorer 8 にアップデートしておきたいところです。
一方当サイトは、以下の3つのブラウザで動作チェックしていますので、いずれかをご利用いただければInternet Explorerよりもキレイに表示されると思います。以下のブラウザは全部タダですし(というか、そもそも有料のブラウザというものは無いですし、インターネットはInternet Explorer意外でも楽しめるんです)、なにより Internet Explorer よりも便利だと思います、きっと。
- Mozilla Firefox(Windows/Mac:無料!)
- Google Chrome(Windows/Mac:無料!)
- Safari (Windows/Mac:無料!)
CSS3雑感
※以下、細かめな技術の話になるので、ちょっと苦手な方は読み飛ばしていただいて構いません。
やっと時代に追いついてCSS3に手を出してみたんですが・・・めちゃくちゃ便利ですね。昔なら細切れの画像を準備するという面倒な手順を踏まなければならなかった「角丸」や、これまた画像が必要な「文字やボックスの影」の表現も、数行CSSを書くだけでアッサリ実現できてしまうのが素晴らしい。実にラクです、これは使わない手はありません。
それから、意外と便利なのが新しく追加されたセレクタ。セレクタとは「個々のタグについて、とある状態や条件のものだけのデザインを変更したい時に使うもの」ぐらいの意味で良いかと思うんですが、実に多彩で便利なセレクタが追加されています。
例えば、当サイトでは以下のようにセレクタを使用しています。
.entry p:nth-child(n+2){ /* デザイン */ }
上のCSSの意味は、ザックリ言うと「エントリーの中で、2段落目以降からデザインを変えなさい」という意味です。当サイトは、開設当時の僕の無計画のせいでちょっとデザインを変更しにくい状態になっていたんですが、このセレクタのおかげで柔軟にデザインを変更できるようになりました(というか、これがなければ絶望的だった)。
世の中、どんどん便利になっていくんですね。あとは僕が使えるか使えないかだけの話だと実感しました。
- Newer: 八戸市・鮫にあるシュールな看板
- Older: 雪の次の日の明るい日




