米が好き

凄い今更なのかもしれませんが、WordPressの管理画面でCSS3が使われている事を知りました。
『border-radius』と言う、ボーダーを角丸にするプロパティだけ知りましたが、何気に他にも使われていたりするかもしれません。

現在の最新版がベータを除き 2.9.2。
もしかしたら 2.9 の時から使われていたのかもしれません。
IEを無視するその姿勢、大好きです。ｗ

現在主流となっている5つのブラウザで見てみました。
以下に貼っている画像は、管理画面の左サイドのメニュー部分です。

Firefox 3.5.9	Opera 10.53	Google Chrome 4.1
Safari 4.0.5	Safari (iPhone)	Internet Explorer 6.0

まだまだInternet Explorer 6を使っている人は沢山います。
せっかく最新のIE8が出てるんだから、バージョンアップしましょうよ！（建前）

IE6より全然速いんですよ！（建前）

IE6だと、WEBサイトのレイアウトが崩れたりして綺麗に見れないんですよ！（半分本音）

いちいちIE6の表示チェックが鬱陶しいんですよ！（超本音）

そんな頑なまでにIE6にこだわる（？）人向けに開発されたJavaScript。
僅かなコードを入力するだけでサイトの左下に『クマー』が出て、IE8へのバージョンアップを促してくれます。
私も入れよっかなぁ。
ニコニコ動画のRSS、やっぱIE6だと崩れてるみたいだし。

左下のクマをクリックすると…。


しかしMSのIE8じゃなく、何故かフェンリル版。

ついに『safari 4』の正式版が登場し、ダウンロード可能となりました。
いやー、ベータから長かった（？）ですね。
約3ヶ月半振りですか。

私の懸念していたタブはGoogle Chromeみたいじゃなく、元に戻ったようです。
良かった良かった。（私は下タブ表示が好き）
しかし、全体のデザインが変わりました。
以前はWindowsもMacも同じようなデザインだったのに、Windows版はまさに『Windows版！』ってな感じになっています。（外枠が青い）


これじゃぁ、safariであってsafariでないような気がするのは私だけでしょうか。
以前のデザインはコチラ。

safariで一番使える機能は『Web Inspector』だと思うんですが、これは作り手からの目線だからでしょうか。
簡単に言えば、ソースをCSS込みで見れるんです。
トラブった時に良く使います。

デフォルトでは使えないので、以下の手順を踏みます。
・ 設定 – 詳細 – 『メニューバーに“開発”メニューを表示』にチェックを入れる。
・ ソースを見たいサイトの上で右クリック『要素の詳細を表示』
以上で、見る事が出来ます。
『ツールバーをカスタマイズ』に『Web インスペクタ』も追加されます。

後は『フォーム項目の自動入力』とかですかね。
メニューバーはやっぱり表示させてた方が使いやすいと思います。

リンクが貼られたテキストや画像をクリックすると、回りに破線が出ます。
Opera、Safari、Google Chromeはデフォルトで出ません。
これが出るのは、IE、Sleipnir、Firefox、Lunascape（WebKit時以外）です。

デザイン的にも、これを出させない為にCSSを使ってみましょう。

話しはそれますが、画像の枠線を消すのは簡単ですよね。
CSSに以下のコードを付けるだけです。

CSS

img {
  border: none;
}

a:focus {
  outline: none;
}

<a href="URL" onFocus="if(this.blur)this.blur()">リンク</a>

WEBサイトを決まった大きさでキャプチャーする時に便利な方法です。
アドオンやグリモン等の力を借りずに、簡単にFirefoxのウィンドウサイズを任意の大きさに変更出来ます。

Firefoxの『ブックマークの管理』画面を表示させます。
Windowsだと、『Ctrl + Shift + B』で開きます。

右クリックで『新しいブックマーク』をクリック。
URLに以下を入力。

javascript:window.resizeTo(横,縦);

javascript:window.resizeTo(1280,1050);

現時点でのFirefoxの最新バージョンは3.0.8だが、3.5より先の3.6、Firefox.nextなる物が開発中との事。
3.6 ＝ Firefox.next

以下はそんな開発で目指されているもの。

『Safari 4（BETA）』がMac版とWindows版を同時公開しました。
早速ダウンロードしたものの、現在は残念ながら英語版だけのようです。

実際触ってみて、Safari 3よりかは格段に表示速度が速くなっています。
今までSafariは重いってのが頭の中にありましたが、これは中々。

しかし、Windows版はデザインが変わったようで、これは非常に残念としか言えません。
Safariはあのデザインが良かったのに、何故変えたんですかね。
真に・・・、非常に・・・、残念でありません・・・。
正式版では元に戻っている事を切に願います。

Windows版は既に正式版としてリリースしていますが、Mac版は少しずつ前進してるようです。
Windows版が出来たから、Mac版も簡単・・・てな訳にはいかないでしょうね。
Windows版のアドオン同様、Mac版のChromeも楽しみに待ちたいと思います。

6月末までにリリースするって言ってますが、6/7だったら私への誕生日プレゼントだ！
・・・等と、勝手に脳内変換したいと思うんですが。ｗ

AdobeのCTO（最高技術責任者：Wikipedia）がAIRによるアプリケーションの試作品を何点か公開したらしいです。

また、Adobeはブラウザも作ってたけど止めたとか。
確かにGoogle Chromeも出てきた今、WEBブラウザ界に参戦するのは得策じゃないかもしれませんね。
しかし、AdobeのWEBブラウザって、めちゃめちゃ興味あるんですけど。

WEBサイトのアドレスバーの横などに表示されるfavicon（ファビコン）。
このfaviconを作れるサイトとかツールとか色々ありますが、そんなの使わなくても意外と簡単に作れたりします。

ただ、拡張子を変えれば良いだけ。

『favicon.jpg』、『favicon.gif』、『favicon.png』等を、『favicon.ico』に変えれば良いってなだけの話しです。
実際私もそうしてます。
以下は、例によって7つのブラウザで表示チェックした結果。
続きを読む