[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
現在におけるクロスブラウザあれこれについて。サイトを製作される方は暇なら読んでみて自分なりに考えてみて頂けるとかもっていう内容。話しの意味わかんないってところはggr。
当サイトのアクセスデータ（2011年1月1日～2011年3月27日）
Internet Exploer 73.51%（8.0 72.47%、7.0 23.03%、6.0 4.5%）
Firefox 8.7%
Google Chrome 5.83%
Safari 4.68%
unknown 3.6%
Opera 1.7%
jig browser 1.15%
NetFront 0.7%
PlayStation 0.1%
ibisBrowser 0.05%
IE6いいかげんしねばいいのｎってちょっとｗｗｗ誰だよジグとアイビスｗｗｗｗｗあんなもん知ってる人がキャラレスユーザーにいるのｋいや待て落ち着けどっからアクセスしたのフルブラ（笑）ねえ（笑）誰（笑）
Fxは3.0.19が一番古く殆どが3.6.13さんでした。
驚くべきシェア拡大を見せてるGCは8.0.552.224が最古、最多は9.0.597.98。
Macのお友達Sfは最古3.0.4、最多5.0.2。
俺の嫁Opは最古9.5（でも最多二位）、最多11.01でした。
こうして見るとSf以外は結構な率で最新・またはワングレード下の安定したブラウザが使われてるんだなあといった感じですね。
そんでは問題の腐った牛乳（笑）ことIE6について。
XP用のIE6サポートは既に2009年で終了し、2014年にはセキュリティも打ち切られるそうな。ウェブ製作側としてはきっと今すぐハラキリしろよ埋葬もしただろ！MSだって献花したじゃんか！！と思っているんでしょうがね（笑）まあすでに私は亡き者として扱っているｇただ低スペックユーザーにとってはIE6以上のブラウザって重そう…ってイメージがあるらしいですね、勘違い乙ですが。IE6の何がダメなん？(・ω・)って人も多いでしょうが、IE6はセキュリティが脆弱・HTMLのバグと独自解釈が多い、よって最新ブラウザへの更新が促されているわけです。古いのだってサポートすればいいじゃん、おまいらプロだろ＾ｑ＾と思う人もいるかもしれないですが、現在IE6対応のHPやアプリを製作するのには別途料金が掛る事が殆どです。つまり製作側にとって別料金取らないとやってけないほどIE6へのクロスブラウザはクソ面倒なお仕事なんですね（笑/えないんだがね）現在、多くの大手サイトがIE6サポートなんてしてやんねーよ撲滅しちまえキャンペーンしているので遅かれ早かれIE6は消えていくでしょう。
さてそこで問題になるのが、どのバージョン、もしくはブラウザにするかという点。間違ってもIE7やβのIE9にアップグレードするなんて事はしないで頂きたいとここで強く主張しておきます！いやね、ちゃんと分かってて7とか9使うならいいですけどね、何も知らんととりあえずサポート切れるから更新しときたいって人はIE8でいいと思う、そんな重くないし、安定してるし。低スペックで重いの死んじゃうらめえええ・ﾟ･(；ω；)･ﾟ･な人は、他ブラウザならGC…Google Chromeが個人的に一押しです。余計なものないけど、必要最低限の機能はちゃんと入っているっていう子ですからね。なのでIE6、IE7から更新する場合のお勧めは、GC＞Fx、Op＞＞＞（超えられない壁）＞＞＞IE8です。
以下リンクよりサイト作る人・作ってる人への戯言と、1616bbsさん用フォントセレクトのクロスブラウザタグ。
サイト製作の確認はIEだけじゃなくFxやGCもしてね！
時折酷くデザインが崩れてたり、背景が入っていなくて文字見えねえ！！って事があります。そーゆーサイトの場合中身見ずにすぐ閉じちゃう（笑）テンプレサイトさんから借りてきたものだとしても崩れてる事はあります。せめてIE8、IE7、Fxだけはクロスブラウザ確認して欲しいの…Fx平気ならGCもSfもOpも大体大丈夫だから。
文字色と文字サイズは見やすくしてくれまいか。
サイト開いて文字ちっさかったり色醜かったり見にくかったり背景と同化してたり…うん、すぐに閉じるがね。設定に引かれてサイト開いても回れ右するから。あと極端にインラインフレーム小さいのとか（笑）デザインによっては小さくても見やすいサイトさんはあるけど、そんなの極一部だしそんなの作れる人は私の戯言など（ｒｙ）だわな。お願いだからユニバーサルデザイン頑張ろうぜ！！
広告下げはよしてくんね？
するくらいなら有料HPか広告無いサーバー探してくれば？と普通に思うの。デザイン的にborder要素入ったりくらいは別にだけども。まあ最近ではあまり見かけなくなりましたが、同人業界では未だ多いですよねしねばいいのｎ（←）
そんでもってここからはちょっとだけコアなお話しに。
最近自分でサイト作ったりCGI使ったりする方が大変増えてますよね、見ててきゃっきゃしてます特にクロスブラウザちゃんとしててCGI使われてるとね！滾るね！ごめんなさいソース全部開いて見てるのは私でｓ（←）ただ一個、PCからしか見ないような場合（非登録系とかゆるゆるまったり系）は別として、常駐・期間で携帯から閲覧できないのはどうにかしてくれませんｋ（アッ）見れるっちゃあ見れるけど携帯表示対応してないとか、なんだよモバイル振り分けてねーのかよ作ってくれよしょっぼーんてなる…私はね（笑）でもモバイル対応してるCGI結構配布されてますし、せめてね、出席簿だけはね…って思うのは私だけじゃない、はず…！むしろCGI触れんならレンタル掲示板の改造なんてお手の物でしょうに…。レンタル掲示板の改造されてる方で凝った作りとかデザインしてたりとか、結構見ますし、設定コピー出来る機能あれば複製も困らんしと。クロスブラウザで表示崩れてたりすると何のためにCGIにしたん？って思ってしまう私がいます。某サーチ様（って伏せる意味あんの？これ/笑）みたいに長期間使用する目的があって、投稿無くて期限で削除されたりは面倒だしってーのなら分かりますが。CGIはドキュメント宣言から弄れてデザインに制限が無いところが魅力なんじゃないの？って感じなんだけど、違うのかな。それからお願いだからログファイルはね（笑）フォルダかファイル名ね（笑）代えてから使ってね（笑）まあ別に掲示板ハックされた程度じゃ困らないかもしれませんが（←）念のためってやつです。代えてないとどうしても私が試してみたくなっちゃうかｒで、なんで最初からCGIの話しになったんだっけ…。
CSSやHTMLに関しては何も無かｔいやあるけど、分かってる人はちゃんとハック使ってたりもするしね、凄い参考になるわありがとう大好き！（！）まああれだよね、サイトなんて見栄えが大丈夫ならいいんじゃね？と思ったり。私はソース開くけど（笑）
掲示板について。文字色選択する場所、つまりINPUTタグの部分をきちんと整備して欲しいと思うんだ！ブラウザによっては表示がとっても可哀想なの（笑）言ったお前が（ｒｙ）でしょうから参考に。ちなみにこれは1616bbsさん用です。
/**********1616bbsフォントカラークロスブラウザ**********/
.reg_form_td7{
padding:5px;
width:370px;
}
.reg_form_td7 label{
font-size:12px;
font-family:'ＭＳ Ｐゴシック','Osaka',sans-serif;
line-height:14px; /*文字色が多く複数行に渡る場合、10px等に指定すれば高さが縮まります。この行とコメントは削除可能。*/
}
.reg_form_input7{
margin:0;
width:20px;
}
/**********by LunaEclipse**********/
使用する場合はコメントアウトに当サイトの名前を必ず含んで下さい。
フォントサイズとフォントファミリーの指定で幅を固定し、文字色が一列10個ずつ並ぶようにしてあります。問題なのはラジオボックス。ブラウザによってマージンと幅が違うというやっかいな子です（ブラウザ依存のデザイン自体はどれも優れてるんですけどねー。）なんでそれを指定してあげればという。ちなみにIE、Fx、GC、Op、Sfで確認取れてます。他のブラウザも大概大丈夫だと思います。これで出席簿等のお題で「●番目の色！」と指定されてもどれだよｗｗｗｗ俺はブラウザで表示位置ちげーんだよｗｗｗっていう問題が無くなります（笑）
いまさらですが肝心のクロスブラウザに関して。
一体趣味のサイト製作でどこまでこだわるのかっていうお話ですが、シェアからしてIE8、IE7、Fx3、GC8ってところでしょうかね。まあFx、GC、Sfに関してはそう差異は無いのでどれか一つチェックしてれば大体問題なく表示されますし、Opも大体大丈夫…ただ結構バグがあるので何とも言えませんが＾ｑ＾それ言ってたらどのブラウザもですからね、主流のブラウザチェックだけで十分見れると。IE6に関してはサポートするに越した事はありませんが、そうするとデザインに制限が掛ってくる上にMSが腐った（ｒｙ）だと言っている事からもニーズはこれから減少の一途だし、ハック面倒だし。そうなると問題はIE7です。IE8はレンダリングモードでかなり改良されたと思っていいでしょう、多分（←）IE6と一緒にIE7も無くなればいいのにしょっぼーんと思っている私です。ちなみにIE7の一番嫌いなところはmargin:auto;がきかないとこしねばいいｎ（←）あとaタグの読み込み方が他ブラウザと違うこと。固定するのに一々:hoverめんどす。widthとpaddingとmarginは言わずもがなだけどまあ、これは前からだし特記する事でもないよねinline-blockは欲しかった。なんでないの？これはちなみにハック使って/display:inline;/zoom:1;すれば解決する。IE8の嫌いなところはスタンダードでブロック要素height%の読み込みが可笑しいところ。折角の互換意味無いっていう！ちなみにEmulateだと正常にheight%を受け入れてくれますが…うん、そうするとまあ面倒なんだよねーまたハックかよちっくしょおおおおって感じで。あとね、IE8はtextareaやinputのバグがあります。動作に支障はありませんが一定条件下では触れるとブレる、位置が、1pxくらい＾ｑ＾回避はフォントファミリーに噂の"メイリオ"使ってあげればOK。IE8だけハックで指定してあげれば解決です。まあ一番良いのはどんなブラウザで見ても差異の少ないデザインをする事なんでしょう。ただどこを基準とするのかが問題ですが。これからくるCSS3とHTML5とか。いつ頃普及すんの？って感じ。まだXPシェアは残るだろうし…数年後かなあ。HTML5には結構ｗｋｔｋしてるんだけどな。
戯言でした。
powered by NINJA TOOLS / 忍者ブログ / [PR]