昨日、無事にsafari3にしました。
噂になっている「鬼の様なパフォーマンス」を若干感じ、幾分快適に思います。
さて今日はsafari3より変更された、form周りの表示をmixiのインターフェイスを使って見ていこうと思います。
Here we go!
まず、以前のsafari2.0.4でmixiをアクセスしたときを見てみましょう。
画像は日記を書くページです。(画像クリックで拡大します)
Windowをお使いの方、またはMacでもsafariを使っていない方は何か違和感を覚えるかも知れません。
一目で違うとわかるのはボタンですね。
mixiの日記投稿画面というと、茶色のボタンが印象的(個人的に)なのですが、safari2.0.4以前ではそれではありません。
これはsafari2.0.4以前ではform関連のものにCSSの変更が当たらない仕様になっているからです。
ボタンだけでなく、入力エリアもいわゆるformのデフォルト状態。
味気のないformなのです。
しかしsafari3.0.4からはform関連のものにもCSSの変更があたるようになりました。
茶色いボタンもあります。
その他、ファイルを選択するボタンの周りなども実はCSSで装飾してあったことがわかりました。
これでほぼ、Windowsやその他safari以外のブラウザの見え方と同じになったと思います。(ブラウザの仕様のデフォルトボタンなどは変更なしです)
まとめると、form箇所のデザインの統一が再現できるようになったということですね。
デザイナーとしてこの点は嬉しいですね。
さらにテキストエリアの右下をみてもらうと、直感的な「サイズ変更可能」みたいなものが付いてますよね。
safari3ではすべてのテキストエリアのサイズ変更ができます。(CSSなどでガチガチに横幅・縦幅を指定してあるものは変更できるか確認取れてません。)
ぐーっと延ばすことができます。(右画像参照)
ここまでは良い変更点だと思いました。
しかし、あまり好ましくない変更点もあることに気がつきました。
一部のテキストエリアとプルダウンメニュー、ファイル選択ボタンで入力したテキストやボタンのフォントが明朝体で表示されます。(筆者確認)
safari側でフォント指定をゴシック系のものに変更しても、ここだけは変更されませんでした。
ただ、CSSなどでフォント指定してあるサイトなどでは、CSSの指定通り正しく表示されます。
これはsafari2.0.4では確認できなかった表示です。
【Movable Type エントリー投稿画面の記事タイトル入力エリア】

僕は個人的にブラウザで明朝体を指定してないので、ここだけ明朝体になるのがちょっと嫌です。
でも今のところ対処法がないので我慢してます。
こう見ると、form周りいろいろ変更されてますね。
変更というか、safariが周りに合わせた感じですね。
trackback URL :
![]()
![]()
![]()