2007/11/27 [Tue]
■ OperaはCSSがいじれるのでおそらくすごい
まさかの三日連続Opera特集。地上最速(らしい)ウェブブラウザであるところのOperaだが、ごく希に崩れるサイトがある。ネットバンキングやギャオみたいに、IEに極端に依存しているサイトは素直にIEで見ればいいが、毎日見るサイトが崩れるのは困る。
![Opera [IMAGE]Opera](http://vainsystem.net/image/ryofu-browser.png)
実例。いろんなblogを見てるが、こうも派手に崩れるのはここくらい。RSSリーダで読むという手もあるが、タレント系は全文配信されてない事も多いので、アンテナから直接エントリを開いて読むようにしている。
IE7とFirefoxで正常(制作者の想定通り)、OperaとSafariが脂肪。IEでしか確認してないんだろうが、どっちが悪い組なのかは微妙なところだ。
![Opera [IMAGE]Opera](http://vainsystem.net/image/ryofu_opera.png)
よめねーし。
OperaはサイトごとにCSSを設定できるので、読みやすいように修正する。余裕があればIEと同様の体裁になるように修正してもいいが、エントリ部分が読みやすくなれば十分だろう。すぐテンプレを変更されてしまうかもしれないし。
![Opera [IMAGE]Opera](http://vainsystem.net/image/ryofu_opera3.png)
CSSのモード変更ボタン。
![Opera [IMAGE]Opera](http://vainsystem.net/image/ryofu_opera5.png)
ボタン押下でCSS非適用の状態に。たまたま訪れたサイトで、レイアウトが崩れている場合や、黒地に灰や白字で何が書いてあるかわかんねえ場合なんかはコレをビシッと押せ。
![Opera [IMAGE]Opera](http://vainsystem.net/image/ryofu_opera4.png)
要素の構造をビジュアル化できる。これとCSSを参照しながら、ユーザーCSSを作成。記事部分のボックスを左上に絶対配置(position:absolute;top:0;left:0;)、左サイドなど要らないボックスを非表示(display:none)程度で十分。ついでにフォントを100%にしたり、色を変えたりなどして読みやすく。
![Opera [IMAGE]Opera](http://vainsystem.net/image/ryofu_opera2.png)
背景や余計なボックスを消して読みやすくしたトップページがこちら。
これは極端にひどい例だが、定期的に見てるサイトのデザインが見づらい場合は、ほぼ思い通りに修正できる。背景を白くしたり、文字を一般的な大きさにする程度はしょっちゅうやる。
以上、こんな感じで、すてきんぐです。
IEからOperaに乗り換えるともしかするとすごい
久しぶりにOperaスレ(ゴミだらけ)をチェックしていたら、いいコメントがあったので。
731 :名無しさん@お腹いっぱい。 :sage :2007/09/13(木) 03:17:09 (p)ID:TxbwIQZg0(2) IEからOperaに変えて2ヶ月、俺も感想を。 1.IE6だと超激重だったグーグルキャッシュが超軽くてビビった 2.IE6の文字ドラッグは、止めたいところで止められずイラついていたので 文字を一文字ずつドラッグできる細やかさに感動 3.IE6だと表示に時間のかかっていたサイトが、Operaだと早くて感動 逆にOperaだと盛大に崩れるサイトにも出くわして爆笑(イエス、ケストレルに期待) 4.スピードダイヤルが何気にいい感じ。 美しくサムネイルを表示させたいが為に、何度も更新をしてベストな色合いが出るまで粘ってしまう 5.gigazineで1年前に紹介されていたブラウザ比較を見て、Operaが圧倒的でビビった 6.なのにOperaのシェアが低すぎるのが逆にそそられる 7.マイクロソフトにサポートを終了された9x系OSには、軽くて独自エンジンを持つOperaは救世主 8.タブバーが真ん中にあるのが気に喰わない(変えられるのは知ってますよ、面倒だからやらないけど) 9.Operaのwikiが何だか見づらい&内容が乏しい 10.より自分好みに設定を変えるのに、軽いプログラマ状態で色々弄くらないといけないのが面倒
順に。
- そうだっけ。もう忘れたけど速いんだって。
- これは大きい。IE7でやってみたがまだ若干不自由。Operaなら選びたいほうだいだぜ。
- 大抵はサイトの方がクソ。CSSを切ったり書き換えたりで素早く対応。割り切れ。
- いらねーと思ってたが、使ってみるとわりと便利。
- Firefoxは拡張でなんでもアリだが、どんどん重くなる。
- 脆弱性もよゆう。
- だそうです。早く捨てろそんなの。
- だそうです。
- 見づらい。情報はそれなりにある。
- ポップアップメニューなんかを書き換えようと思ったら、設定ファイルをUTF8が扱えるエディタで書き換える必要がある。プログラマは言い過ぎだけど、ちょっと難しいかも。
昨日の追記
アドレスバーは、MSIMEなんかだと半角英数を打つのが面倒なんだそうだ。ATOKは問題ないけど。アドレスバーへフォーカス(Ctrl-L) → 検索語句 → カーソル上(gが付く) → Enter とかがいいみたい。
ぐぐるばっかりなら、検索フォームで十分かも。俺の設定では、キーボードのホームポジションから即押せるCtrl-Shift-j(Focus search field) → 検索語句 → Ctrl-m(Enter)。
あと、アドレスバーからついった投稿を試してみたが化ける(9.24)。元々、サイトによっては化ける。
飯野賢治の自伝が届く
![いいの [IMAGE]いいの](http://vainsystem.net/image/ino_game.jpg)
先日のE0記事が、自伝の内容と一緒じゃん(笑、というのを沢山見たため。
アマゾネス中古で1えん。手数料が340えんだから、メール便送料とアマゾネス税を引いた残りが儲けになるんだな。ブックオフにあればたぶん100えんだろうけど、ひきこもりなので行くのがめんどっちい。軽くJRで3分ほど駅1個分なので、散歩にはちょっと遠い。
コメント / トラックバック
山Q [2007/11/30 (Fri) 06:16:30]:
男は黙ってロリフォックス。
こうして崩れるので結局プニルの1.66をずっと使ってる。
こ [2007/11/30 (Fri) 06:36:31]:
ぐぐった。ひどいなこれはw
もうsleipnirwwwって感じですが、
なじむと特に変える気も起こらないでしょうね。
完全移行までにはかなりパワーを使う。
しかし、IE6の人には、なにかしら指標を示したい。
機能的にもセキュリティ的にも救いが無さすぎるので。
コメントを投稿する
writeback message: Ready to post a comment.
半角英数のみのメッセージは破棄されます
トラックバックURI
受付停止中
http://vainsystem.net/ Webmasterkouito
Made with XHTML1.0 powered by blosxom