MOSeのススメ
Webサイトを作るうえで、約80%のブラウザシェアを持つIEの存在は無視できません。
ですが、IEには致命的なバグが数多くあり、Web標準に準拠しているとは言いがたい状況です(IE 7である程度は改善されましたが、Firefoxなどのモダンブラウザと比べると完成度は低いです)。
そこで今回は、MOSeと呼ばれる手法をご紹介します。
mezzoblue § MOSe
MOSeとは「Mozilla/Opera/Safari enhancement」の略で、IE 6以降の新しいモダンブラウザ(Web標準に準拠したブラウザのこと)で、よりきれいに表示させる手法のことです。
「IE 6以前のブラウザで見ても特に問題はないが、モダンブラウザで見るとよりきれい」ということになります。
この手法を取り入れたサイトを、いくつかピックアップしましたので、実際に見比べてみてください(少しわかりにくいですが…)。
A List Apart
Mozilla Japan
Serco TransArctic Expedition
スタイルシートスタイルブック
具体的な方法は、IE 6以前が対応していないセレクタを意図的に使い、モダンブラウザに違う指定を行います。
以下のサンプルでは、子供セレクタを利用していますが、他にも属性セレクタや隣接セレクタなどが利用できます(IE 7はこれらのセレクタに対応しています)。
p {
/* ここでIE 6以前のプロパティを指定する */
}
html > body p {
/* ここでモダンブラウザのプロパティを指定する */
}
※MOSeを使う場合は、さまざまな環境でテストすることを忘れないでください。
ここ数年、Firefoxなどの新興ブラウザがシェアを伸ばしつつあります。
今後、MOSeの利用価値はますます高まるでしょう。そしていつの日か、IEがWeb標準に準拠してくれることを切に願います。
ですが、IEには致命的なバグが数多くあり、Web標準に準拠しているとは言いがたい状況です(IE 7である程度は改善されましたが、Firefoxなどのモダンブラウザと比べると完成度は低いです)。
そこで今回は、MOSeと呼ばれる手法をご紹介します。
mezzoblue § MOSe
MOSeとは「Mozilla/Opera/Safari enhancement」の略で、IE 6以降の新しいモダンブラウザ(Web標準に準拠したブラウザのこと)で、よりきれいに表示させる手法のことです。
「IE 6以前のブラウザで見ても特に問題はないが、モダンブラウザで見るとよりきれい」ということになります。
この手法を取り入れたサイトを、いくつかピックアップしましたので、実際に見比べてみてください(少しわかりにくいですが…)。
A List Apart
Mozilla Japan
Serco TransArctic Expedition
スタイルシートスタイルブック
具体的な方法は、IE 6以前が対応していないセレクタを意図的に使い、モダンブラウザに違う指定を行います。
以下のサンプルでは、子供セレクタを利用していますが、他にも属性セレクタや隣接セレクタなどが利用できます(IE 7はこれらのセレクタに対応しています)。
p {
/* ここでIE 6以前のプロパティを指定する */
}
html > body p {
/* ここでモダンブラウザのプロパティを指定する */
}
※MOSeを使う場合は、さまざまな環境でテストすることを忘れないでください。
ここ数年、Firefoxなどの新興ブラウザがシェアを伸ばしつつあります。
今後、MOSeの利用価値はますます高まるでしょう。そしていつの日か、IEがWeb標準に準拠してくれることを切に願います。
|
|
|
ttp://gazo14.chbox.jp/voice/src/1194791703398.jpg
箒を持つ能登さんを見て・・・
なぜか・・・
なぜか胸が苦しくなった・・・
愛河「能登ちゃんは処女？」
能登「処女じゃないです」
愛河「今彼氏いるの？」
能登「今はいません」
愛河「じゃあ一人でしてるんだw」
能登「え、いや…」
愛河「いいじゃん、みんなやってることなんだから。オナニーは悪いことじゃないよ。能登ちゃんもオナニーしてるんでしょ」
能登「うーん…することもありますけど…」
愛河「みんなー能登ちゃんはオナニーしまくりですよーーw」
能登「しまくりじゃないですー」
箒を持つ能登さんを見て・・・
なぜか・・・
なぜか胸が苦しくなった・・・
愛河「能登ちゃんは処女？」
能登「処女じゃないです」
愛河「今彼氏いるの？」
能登「今はいません」
愛河「じゃあ一人でしてるんだw」
能登「え、いや…」
愛河「いいじゃん、みんなやってることなんだから。オナニーは悪いことじゃないよ。能登ちゃんもオナニーしてるんでしょ」
能登「うーん…することもありますけど…」
愛河「みんなー能登ちゃんはオナニーしまくりですよーーw」
能登「しまくりじゃないですー」
3 ： 株主【nanmin:0/3233=0(%)】 ：2007/11/29(木) 20:53:04
ヽ人人人人人人人人人人人人人人人ノ
／￣(Ｓ）~＼ ＜ ＞
／ ／ ∧ ∧＼ ＼＜ 嫌なら見るな！ 嫌なら見るな！ ＞
＼ ＼( ﾟД,ﾟ ) / /＜ ＞
＼⌒ ⌒ / ノ Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Yヽ
）_人＿ ノ
/ /
∧＿∧ ■□ （ ）)
（ ； ）■□ ￣￣ヽ
γ⌒ ⌒ヽ ￣￣ﾉ ﾉ
￣￣￣￣￣￣￣￣￣￣￣|
∧＿∧ < 嫌なら見るな！
, -（´Д｀# ）- ､ ､ < 嫌なら見るな！
/ ） YYYYYYYYYYYYYYYY
./ λ / /
.〈 〈 〉 / / "
.゛ ヽ ヽ∧∧/ /〃 ＿＿＿＿＿＿
X⌒X⌒X⌒ .／＼ つと ノ ＼ X⌒X⌒X⌒|| 二二 | 二二 |||
i二二i二二i／ ／ し J ＼ ＼二i二二i ／＿＿／＿＿／||
〈 〈（（ .〜 | ）） 〉 〉 ||,＝＝ ||, ＝＝||,"||
＼ ＼ し^J ／ ／
ヾ ＼ ＼ ／ ／
(⌒ ） （ ⌒)
／￣(Ｓ）~＼ ＜ ＞
／ ／ ∧ ∧＼ ＼＜ 嫌なら見るな！ 嫌なら見るな！ ＞
＼ ＼( ﾟД,ﾟ ) / /＜ ＞
＼⌒ ⌒ / ノ Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Y´｀Yヽ
）_人＿ ノ
/ /
∧＿∧ ■□ （ ）)
（ ； ）■□ ￣￣ヽ
γ⌒ ⌒ヽ ￣￣ﾉ ﾉ
￣￣￣￣￣￣￣￣￣￣￣|
∧＿∧ < 嫌なら見るな！
, -（´Д｀# ）- ､ ､ < 嫌なら見るな！
/ ） YYYYYYYYYYYYYYYY
./ λ / /
.〈 〈 〉 / / "
.゛ ヽ ヽ∧∧/ /〃 ＿＿＿＿＿＿
X⌒X⌒X⌒ .／＼ つと ノ ＼ X⌒X⌒X⌒|| 二二 | 二二 |||
i二二i二二i／ ／ し J ＼ ＼二i二二i ／＿＿／＿＿／||
〈 〈（（ .〜 | ）） 〉 〉 ||,＝＝ ||, ＝＝||,"||
＼ ＼ し^J ／ ／
ヾ ＼ ＼ ／ ／
(⌒ ） （ ⌒)
能登がオナニー発言したラジオのうｐを待つスレ
http://tmp4.2ch.net/test/read.cgi/download/1093831272/
949 名前：[名無し]さん(bin+cue).rar[sage] 投稿日：04/09/30(木) 21:24:40 ID:HKGIvHpa
愛河「能登ちゃんは処女？」
能登「処女じゃないです」
愛河「今彼氏いるの？」
能登「今はいません」
愛河「じゃあ一人でしてるんだw」
能登「え、いや…」
愛河「いいじゃん、みんなやってることなんだから。オナニーは悪いことじゃないよ。能登ちゃんもオナニーしてるんでしょ」
能登「うーん…することもありますけど…」
愛河「みんなー能登ちゃんはオナニーしまくりですよーーw」
能登「しまくりじゃないですー」
950 名前：[名無し]さん(bin+cue).rar[sage] 投稿日：04/09/30(木) 21:31:25 ID:Jief5tFR
>>949
そのコピペはこのスレ発祥だぞ？わかってるのか？
954 名前：[名無し]さん(bin+cue).rar[sage] 投稿日：04/09/30(木) 22:53:38 ID:YM3nKc1s
>>950
双葉二次裏が出所。当時のテープもってるって奴が書き込んだ。
結局その後現れなかったが。
>>2
ネタ確定
http://tmp4.2ch.net/test/read.cgi/download/1093831272/
949 名前：[名無し]さん(bin+cue).rar[sage] 投稿日：04/09/30(木) 21:24:40 ID:HKGIvHpa
愛河「能登ちゃんは処女？」
能登「処女じゃないです」
愛河「今彼氏いるの？」
能登「今はいません」
愛河「じゃあ一人でしてるんだw」
能登「え、いや…」
愛河「いいじゃん、みんなやってることなんだから。オナニーは悪いことじゃないよ。能登ちゃんもオナニーしてるんでしょ」
能登「うーん…することもありますけど…」
愛河「みんなー能登ちゃんはオナニーしまくりですよーーw」
能登「しまくりじゃないですー」
950 名前：[名無し]さん(bin+cue).rar[sage] 投稿日：04/09/30(木) 21:31:25 ID:Jief5tFR
>>949
そのコピペはこのスレ発祥だぞ？わかってるのか？
954 名前：[名無し]さん(bin+cue).rar[sage] 投稿日：04/09/30(木) 22:53:38 ID:YM3nKc1s
>>950
双葉二次裏が出所。当時のテープもってるって奴が書き込んだ。
結局その後現れなかったが。
>>2
ネタ確定
571 名前：名無し草[sage] 投稿日：2007/11/30(金) 02:28:19
倉はキャラが池沼云々ってよりBGMがあまりにも
典型的泣かせ系でかえって引く
578 名前：名無し草[sage] 投稿日：2007/11/30(金) 02:30:01
>>574
お前に読解力がないだけでわ？
倉はキャラが池沼云々ってよりBGMがあまりにも
典型的泣かせ系でかえって引く
578 名前：名無し草[sage] 投稿日：2007/11/30(金) 02:30:01
>>574
お前に読解力がないだけでわ？
／＼ヘﾍハ/ヽ､
／ , ヘ ＿／ヽヽヽ
// /／＾´￣｀＾＼＼ ゝ
_,// 〃 , , ､ ＼ヽ､ zikiからdosの説明が削除されているので新参用に自己紹介するですだよ
,ノｲ| l/ //ﾊ| l | ﾊ| lﾊ|`
小| l/ﾅ弋 |.lﾅﾅ| l |. 名称：dos ◆/////m.dos
l从 |弋歹＼代歹|,ﾙﾘ 俗称：ですだよ、マゾ野郎、空気嫁ない糞コテ、etc...
ノﾊ小 ゝ ｲ/
//＞ ､__^ ,イi 特徴：口調が「〜ですだよ」、AA（特に銀とるーこ）を多用する、重度のアニオタ、キモい
{{〃｣^^^^^7.ﾘ ひねくれ者、マゾのヘンタイ、うｐ速度が超遅い、エロゲを積むのが趣味、異常性癖者、腐女子
／:::::::::八::::＼ うｐ先のロダを素直に教えない、米欄は基本的に「m」、解凍パスは基本的に芽蘭
/::::::::::::ノ∞ヽ:::::l
|:::::::::ノ ﾉ ヽ::|. 備考：小文字のルール（一般・新刊うｐNG）をあまり遵守しないのでとても嫌われている
ttp://
／ , ヘ ＿／ヽヽヽ
// /／＾´￣｀＾＼＼ ゝ
_,// 〃 , , ､ ＼ヽ､ zikiからdosの説明が削除されているので新参用に自己紹介するですだよ
,ノｲ| l/ //ﾊ| l | ﾊ| lﾊ|`
小| l/ﾅ弋 |.lﾅﾅ| l |. 名称：dos ◆/////m.dos
l从 |弋歹＼代歹|,ﾙﾘ 俗称：ですだよ、マゾ野郎、空気嫁ない糞コテ、etc...
ノﾊ小 ゝ ｲ/
//＞ ､__^ ,イi 特徴：口調が「〜ですだよ」、AA（特に銀とるーこ）を多用する、重度のアニオタ、キモい
{{〃｣^^^^^7.ﾘ ひねくれ者、マゾのヘンタイ、うｐ速度が超遅い、エロゲを積むのが趣味、異常性癖者、腐女子
／:::::::::八::::＼ うｐ先のロダを素直に教えない、米欄は基本的に「m」、解凍パスは基本的に芽蘭
/::::::::::::ノ∞ヽ:::::l
|:::::::::ノ ﾉ ヽ::|. 備考：小文字のルール（一般・新刊うｐNG）をあまり遵守しないのでとても嫌われている
ttp://
( *‘ω‘)=3 ﾌﾟﾝｽｺ
246 dos ◆/////m.dos sage New! 2007/10/18(木) 01:02:59.76 ID:tTPBJF.o ttp://
詳しくは言えませんが糞回線の鬼規制のせいでP2P使えないdosは
某所でエロゲやアニメDVDや新譜CDのISOを上げる代わりに
P2Pで流れた新作エロマンガや放送中アニメのエンコ品を交換で(σ´･ω･)σｹﾞｯﾂ!!しているのですよ
ISOのデカブツをうｐしまくったそのせいで斧が規制されて不便になったんですけどー(ﾉ∀`)ﾀﾊｰｗｗｗｗ
詳しくは言えませんが糞回線の鬼規制のせいでP2P使えないdosは
某所でエロゲやアニメDVDや新譜CDのISOを上げる代わりに
P2Pで流れた新作エロマンガや放送中アニメのエンコ品を交換で(σ´･ω･)σｹﾞｯﾂ!!しているのですよ
ISOのデカブツをうｐしまくったそのせいで斧が規制されて不便になったんですけどー(ﾉ∀`)ﾀﾊｰｗｗｗｗ
ToInfect.CodeModule.InsertLines BGN, ADI1.CodeModule.Lines(BGN, 1)
454 名前：名無し草[sage] 投稿日：2007/09/03(月) 09:55:32
もえたん 解凍できないゾ！
494 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:10:46
もえたん解凍できねぇよ糞！
505 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:15:13
>>498
winrarで解凍してもできねぇよ part2が何とかって言ってたけどな！ 落としなおしてるけど
セッションがなんちゃらでおとせねぇよ 糞が
514 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:18:07
もえたん解凍できないってやついるけど
解凍できたやつはいないの？
529 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:24:09
正常に解凍ができる もえたん ９話 うｐおねがいします
550 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:30:08
もえたんの２で解凍してしまって見れねぇ＾＾；
560 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:34:45
>>553
part1解凍して次解凍しろって出てpart2を選択したら、それで解凍が完了してしまうんだよ
569 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:38:50
>>565
おとしてるよバ〜カｗ
>>566
ならさっさと解凍のしかた教えろ
615 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:54:24
ここで解凍できねぇってレスしてる間に落とし直してたの解凍したら普通に解凍できたよ＾＾ｖ
本当に解凍が出来ない仕様かどうか書き込んで確認ついでにしてた暇つぶしに付き合ってくれてありがとう。
もえたん 解凍できないゾ！
494 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:10:46
もえたん解凍できねぇよ糞！
505 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:15:13
>>498
winrarで解凍してもできねぇよ part2が何とかって言ってたけどな！ 落としなおしてるけど
セッションがなんちゃらでおとせねぇよ 糞が
514 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:18:07
もえたん解凍できないってやついるけど
解凍できたやつはいないの？
529 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:24:09
正常に解凍ができる もえたん ９話 うｐおねがいします
550 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:30:08
もえたんの２で解凍してしまって見れねぇ＾＾；
560 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:34:45
>>553
part1解凍して次解凍しろって出てpart2を選択したら、それで解凍が完了してしまうんだよ
569 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:38:50
>>565
おとしてるよバ〜カｗ
>>566
ならさっさと解凍のしかた教えろ
615 名前：名無し草[sage] 投稿日：2007/09/03(月) 10:54:24
ここで解凍できねぇってレスしてる間に落とし直してたの解凍したら普通に解凍できたよ＾＾ｖ
本当に解凍が出来ない仕様かどうか書き込んで確認ついでにしてた暇つぶしに付き合ってくれてありがとう。
通報ぷらら一覧
Host of the IP: i121-114-4-187.s05.a010.ap.plala.or.jp
Host IP: 121.114.4.187 (Copy)
IP country: Japan
IP address state: Gumma
IP address city: Isesaki
IP latitude: 36.3167
IP longitude: 139.2000
ISP: NTT Communications Corporation
Organization: Plala Networks Inc.
Host info:
Host of the IP: i121-116-18-52.s05.a010.ap.plala.or.jp
Host IP: 121.116.18.52 (Copy)
IP country: Japan
IP address state: Saitama
IP address city: Kazo
IP latitude: 36.116699
IP longitude: 139.600006
ISP: NTT Communications Corporation
Organization: Plala Networks Inc.
Host of the IP: i121-116-189-208.s05.a010.ap.plala.or.jp
Host IP: [?]: 121.116.189.208 (Copy)
IP address country: Japan
IP address state: Tokyo (Big IP map)
IP address city: Tokyo (Big IP map)
IP latitude: 35.685001
IP longitude: 139.751404
ISP [?]: NTT Communications Corporation
Organization: Plala Networks Inc
Host of the IP: i121-114-4-187.s05.a010.ap.plala.or.jp
Host IP: 121.114.4.187 (Copy)
IP country: Japan
IP address state: Gumma
IP address city: Isesaki
IP latitude: 36.3167
IP longitude: 139.2000
ISP: NTT Communications Corporation
Organization: Plala Networks Inc.
Host info:
Host of the IP: i121-116-18-52.s05.a010.ap.plala.or.jp
Host IP: 121.116.18.52 (Copy)
IP country: Japan
IP address state: Saitama
IP address city: Kazo
IP latitude: 36.116699
IP longitude: 139.600006
ISP: NTT Communications Corporation
Organization: Plala Networks Inc.
Host of the IP: i121-116-189-208.s05.a010.ap.plala.or.jp
Host IP: [?]: 121.116.189.208 (Copy)
IP address country: Japan
IP address state: Tokyo (Big IP map)
IP address city: Tokyo (Big IP map)
IP latitude: 35.685001
IP longitude: 139.751404
ISP [?]: NTT Communications Corporation
Organization: Plala Networks Inc
この沢山の批判の中、たった一人で携帯に反論を黙々と打ち込むID:1HDeQmsbOの姿を想像したら笑けてきたわ＾＾
935 佐賀 ◆SAGA.YdawI [saga] 2007/09/14(金) 22:17:36.81 ID:dL913kNB0
＞笑けてきたわ＾＾
＞笑けてきた
＞笑けて
笑けて・・・？
ああ、「え」と「け」の打ち間違いですか。
てっきり・・・
448 名無し草 [sage] 2007/09/14(金) 22:27:09
笑ける の検索結果 約 50,500 件中 1 - 10 件目 (0.11 秒)
結構メジャーだったんだな
935 佐賀 ◆SAGA.YdawI [saga] 2007/09/14(金) 22:17:36.81 ID:dL913kNB0
＞笑けてきたわ＾＾
＞笑けてきた
＞笑けて
笑けて・・・？
ああ、「え」と「け」の打ち間違いですか。
てっきり・・・
448 名無し草 [sage] 2007/09/14(金) 22:27:09
笑ける の検索結果 約 50,500 件中 1 - 10 件目 (0.11 秒)
結構メジャーだったんだな
245 名前：名無し草[sage] 投稿日：2007/09/21(金) 11:46:39
やったお♪
ぐぐって色々調べてたらポート開放でけた＾＾
ttp://www.genie.x0.com/gtl/help/port_scan.php?port=19005
219.105.141.163 の 19999 番ポートに接続結果： (･∀･) 成功
これで洒落やｎｙインスコすればちゃんとできるんだよね？
やったお♪
ぐぐって色々調べてたらポート開放でけた＾＾
ttp://www.genie.x0.com/gtl/help/port_scan.php?port=19005
219.105.141.163 の 19999 番ポートに接続結果： (･∀･) 成功
これで洒落やｎｙインスコすればちゃんとできるんだよね？