8bitodyssey.com » CSS

2006年11の月、空からIE7が降ってくる

おで — Thu, 02 Nov 2006 09:07:01 +0000

2006年11の月2日
空から恐怖の大王が来るだろう
アンゴルモアの大王を蘇らせるために
その前後マルスイクロソフトは幸福によって支配する

いや全然幸福になりそうでもないんであって……:sad:
いよいよ本日マイクロソフトがInternet Explorer 7日本語正式版をリリースしました。

IE7のCSS対策については

でも取り上げましたが、今後のサイトの作り方として、あえてここで提案したい。

いつまでも古いブラウザを気にするのやめませんか？

まずは、FirefoxやSafariだとか（一応IE7も）WEB標準への準拠度が高いモダンブラウザを基準にしながらデザインが崩れないようなサイトを作る。次にオールドブラウザでの動作も一応確認してみる。まったく同じように見えなくともユーザが情報を得るのに支障がない程度のデザインの違いならもう諦めてしまう。古いブラウザには、そもそも最初からCSSを読み込ませない。

これでいいじゃありませんか。サイトのアクセス解析を見てみてください。NN4だとかIE5だとかでアクセスしてくるユーザってもうほんの一部でしょう？そういうユーザってたとえばあなたのサイトで積極的に買い物をしてくれるようなアクティブユーザではないですよ。そうよ、きっとそうなのよ！

…というような考え方の切替をしていかないといつまでもストレスがたまると思うんですよ。条件付コメントを使うことも、一部のブラウザのための表示を書くことになるので、あまりよくないみたいだしね。多少デザインが崩れているよりも、クレジットカードを使うにはIEで…とかいうサイトのほうがよっぽどかっこ悪いし、不便だと思うけどなぁ。。。

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

CSS Nite vol.13で考えたわたしがFirefoxを好きな理由

おで — Thu, 19 Oct 2006 14:50:49 +0000

http://www.flickr.com/photos/odysseygate/273940763/

毎月第3木曜日の恒例のイベント「CSS Nite Vol.13」に行ってきました。今回はMozilla Japanの金井さん、中野さんによる「Firefox最新情報」。

RC3（製品候補第3弾）がリリースされたばかりのFirefox 2だけでなくFirefox 3のことまで語ってくださいました。（詳しい内容は右記参照→http://cssnite.jp/vol13/Firefox/）

日々愛用しているFirefoxで困っていることと言えば、とにかくメモリを食って重いということです :sad: 。ついついタブを開きまくって同時に7ページとか開いたりするもんだから（←タブ式「あとで読む」）、朝は快適なのに夜は激重 :troubled3:

そんななので「Firefox 2では改善されませんか？」と会場でも質問したのですが、上記スライドからも分かるとおりFirefoxコアのGeckoエンジンはFirefox→Firefox 2では1.8→1.8.1と変化がないため改善はほとんどないそうです。ただし！Gecko1.9になるFirefox 3には期待してください、とのことでした :smile2:

奇しくもアメリカでInternet Explorer 7がリリースされた日のセミナーだったわけですが、改めて今後もFirefoxをメインで使って行きたいという気になりましたね。

IE7のRC（製品候補）もインストールはしたのですが、サイトの表示チェックをするくらいでなんだかワクワクがない。Firefox 2のベータ版だった頃も同じような感じで、ウェブサイトの表示が劇的に変わるわけでもないし、何より拡張機能（アドオン）が対応しておらず使えないのでツールとして使い物にならない。自分がAll-In-One Sidebarにどれくらい依存しているか分かりました。

Firefoxを好きな理由、結局のところそれは拡張機能かなと。リアルタイムでCSSを書き換えたり（Edit CSS）、ウェブページの構造を把握したり（WEB Developer Tools）、メモを取ったり（Google Notebook）、色を管理したり（Colorzilla）、FTPに使ったり（FireFTP）……。その拡張機能も、コアシステムも、Windows Updateなんかよりよっぽど手軽に最新バージョンにアップデートできる。フリーソフトは全部Firefoxにまとめてもらってバージョン管理できたらいいのに、と思うくらいです。

Netscape 4の頃は、くたばれネスケ！と思ってたくらいですが ((IEとの表示の違いに、ウェブ製作者はみんなこう思ってたよね？))、あのソフトウェアの血を引いた、まさかこんなステキなものが生まれるなんて、当時は思いもしませんでしたね。

鼻からカフェモカ。

[CSS Nite Vol.12]『WordPressを使って15分で作るCSSサイト』

おで — Thu, 21 Sep 2006 14:59:42 +0000

前回に引き続きCSS Niteに参加してきました。今回はネタがWordPress、プレゼンターがNaoさん、ということでぜひとも参加したかったんです（WordPressに移行して半年たちますが、detlogは移行の際にいろいろと参考にさせて頂いたのでした）。

プレゼン内容はこちらからスライドと音声ファイルをダウンロードできるのでそちらを参考にして頂きたいのですが（いやー、すごいですね、これ。地理的・時間的に参加できない方にも優しい！）、個人的にためになったのはウィジェットプラグイン（テンプレートはウィジェット対応が必要）、テンプレート階層のあたりですね。テーマを自作するのに役立ちそうです。

プレゼン受講者の中でWordPressでサイトを運営している人は１割くらい、インストールしたのはもうちょい多め、という感じで多くの人はWordPress未体験だったためか、皆さん必死にメモを取られてました（あたしゃ趣味で参加してますが、ウェブデザイナーさんたちからしたら飯の種かもしれませんから、そりゃ真剣ですよね…）

URLとかを必死にメモされていたようですが、このあたりは後からウェブ公開のスライドを見ればよいことだし、せっかく自分以外の方が操作しているところを見れるのだから（これがかなりためになる）画面に集中できればよかったのになぁと思いました :sad: （メモとらなくていいですからねーって一言あればずいぶん違ったのかな？）

そういえば、プレゼンの際に表示されたWordPressのダッシュボードに、Hatena:RSSが表示されたのですが、何気においらのエントリが二つも入っていて、個人的にガッツポーズ :syakin: ええ、自己満足ですけどね :troubled3:

NiteのあとはLite？Naoさんを囲んでアイリッシュパブで交流会。こちらもとっても楽しかったです。

普段の仕事はウェブ系とはちょっと違ってリアルサービス系だったりするので、CMSの話なんてまるでしません。あれがいーんだ、このCMSがいーんだ、とか、先駆者はWPのことは自分で調べて今までやってきたんだ :syakin: 、とかNaoさんはじめ色々な方と普段できないお話ができて楽しかったです。

ぜひ次回も参加したいなーと思います。お酒Liteからかもしれないけど… :embarrassed:

関連URL： detlog.org：CSS Nite Vol.12 にご来場ありがとうございました！
CSS Nite公式ブログ：CSS Nite Vol.12、終了しました

鼻からカフェモカ。

CSS Nite vol.10

おで — Thu, 20 Jul 2006 13:22:11 +0000

さもウェブ制作者であるかのような顔をして、銀座のアップルストアで開催されたCSS Nite Vol.10に初参加してきました。無関係じゃないけどね…。EコマースはEコマースなんで…。でも回りはデザイナーさんやコーダーさんが多いようで、ちょっと肩身が狭っ！

行ってみるまではびくびくものだったんですが、立ち見の人もいて大盛況なんですね。←座れなかった。

第一部神崎正英さんのプレゼンのテーマは、フォーマルで行こう。well formalなXHTMLを記述すればXSLTを使って情報を変換し、再利用（別の形で使う）することができる、という内容と理解しました。

むかーしむかしに、XHTMLの元であるXMLは相互に利用しやすい言語だと書かれていた意味がやっと具体的な形として理解できた気がします。

第二部鷹野雅弘さんのプレゼンはフォームの整形とマークアップについて。Dreamweaverでの制作を分かりやすく見せて頂きました。tableにフォームを埋めていくのがちょこっと違和感を感じましたが、表だと思えばいいのかな…。それにしてもMacでのプレゼンって綺麗でいいですね。Keynoteかな。

これは要望なんですが、立ち見だとちょっとプレゼン黄色の字が読みづらかったです。自分のプレゼンでも気をつけようっと。

次回も余所者ながらふてぶてしく参加してみたいと思います。

鼻からカフェモカ。

[WordPress] テーマを自作してみた

おで — Wed, 19 Jul 2006 14:25:23 +0000

WordPressはテーマ機能という優れたデザイン管理機能を持っていて、有志の方が作成したテーマを簡単に自分のWordPressに導入できるのがウリの一つです。

Movable Typeを使っていた頃からブログのデザインは自作していましたから、WordPressでも自作を…あわよくば配布できれば…なんて思っていました。

ところがこれが思っていたよりも大変。テンプレートがPHPなので思わぬところで条件分岐したり、プラグインで予想外の表示になること山の如し。

一から作るのは断念してWordPress Defaultをベースに作ってみましたが、正直言って納得言ってません。ソースをのぞかれると顔から火が出そうですが、角丸デザインにするためDIV房になっていたりします（・－・;

ヤスヒサさんやカミノゴウヤさんをお手本に勉強してきた身としてはいろいろ心苦しい決断をしながら、やりたいこと＝角丸を最優先してXHTMLとCSSを調整しました。そういう意味ではValidではないですが、ブラウザ側の実装もパーフェクトではない現状、自分の持てる力量や時間と相談しながら妥協も必要かなと思っています。

ということで二・三日前から自作テーマHonyaqueにして様子を見ています。配布できるようになるまでにはまだまだ勉強が必要かなー…。

鼻からカフェモカ。

IE7CSS問題のまとめと対策

おで — Tue, 23 May 2006 14:59:36 +0000

はてなブックマークで知ったんですが、Internet Explorer7のCSS問題がまた注目を浴びてるんですね。
はてなブックマーク » 過去の人気エントリー 2006年05月23日
 Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた

このブログでも以前に、Internet Explorer 7で使えなくなるCSSハックでIE7のCSS実装について取り上げましたが、頭の整理のためIE7を取り巻くCSS問題と処方箋についてまとめてみました。

原因

Internet Explorer6：CSS実装にバグあり＋未対応多数。Quirks modeとか。
Modern Blowser（FireFoxとかSafariとか）：標準的なCSS実装。Standard mode。 →ウェブ製作者：IEだけが解釈するようにCSSハック導入

↓
MS：IE7は標準的なCSSを実装するよ＋ハックは効かなくなるよ(´∀`)

↓
IEハックを放置すると→IE7で見ると表示大崩壊ヽ(;´Д`)ノ
IEハックを削除すると→IE6以前で表示大崩壊ヽ(´Д`;)ノ

処方箋（対策）

IE7なんて消えて無くなれ派→ハックそのまま
IE6以前切捨て派→ハック削除。さっさとインストールしろ
八方美人→IE7でもIE6でもモダンブラウザでも問題ないように書き換える。
- 条件付コメント（Conditional Commentsを使う）*1
- IE7ハックを使う*2。但しIE8以降に問題を先延ばしするだけ。
- デザインの制約があっても我慢我慢。

*1 条件付コメント（Conditional Comments）を使う

head内に、

とすることでIE7未満のブラウザだけが読み込むCSSを設定できる…らしい。IE7正式版が出たら試してみよう…。
参考：条件付コメント(Conditional Comments)実験ページ

2007-03-15追記：条件付コメントはMicrosoft IEチームも積極的には推奨していない手法であることが分かりました。くわしくはIE7対策:条件付コメントは使ってはいけないを参照してください。

*2 IE7ハックを使う

以下のハックを使うことで、特定のバージョンに対してCSSを適用できる。…が将来困るかも。

参考：Easy CSS hacks for IE7 - Nano See, Nano Do
IE 6以下
* html {}
IE 7以下
*+html, * html {}
IE 7のみ
*+html {}
IE 7とモダンブラウザのみ
html>body {}
IE7以外のモダンブラウザのみ
html>/**/body

Nano See,Nano Doさんのサイトでも書いてあるように、モダンブラウザ向けCSS＋条件付コメントでIE6未満向けCSSを記述…がいまのところベストなのかも。
MSがWindows UpdateとかでせめてIE6のCSSを直してくれれば済む話なのに…ぶつぶつ

鼻からカフェモカ。