Firefox Trunkの -moz-linear-gradient

Posted on 2009-08-15 | Tagged , ,

ちょっと前の話ですが、Firefox 3.6αの CSSに background-image値として -moz-linear-gradientが入ったので、当サイトに使ってみました。ヘッダ部や各アーティクル部、サイド部に使っています。ちょっとだけかっこよくなったかなと自画自賛。

background: -moz-linear-gradient(0 0, 0 20px, from(#eee), to(#fff)) no-repeat;

Safari 4でも -webkit-gradientとして使えるようですが、どうやら開始・終了点としてピクセル（px）が使えないようです。残念。Surfin’ Safari – Blog Archive » Introducing CSS Gradients:

A point is a pair of space-separated values. The syntax supports numbers, percentages or the keywords top, bottom, left and right for point values.

他の属性と組み合わせれば出来るのかな？

こうして、今までグラフィックソフトを使わなければ出来なかったことが、CSSだけで出来るようになるのはうれしいことですね。ちょっと色を変えたいときも、Firebugや Web Developer拡張で確認しながらできるし。。。

2 Comments

GrApple Crisp – Firefox Theme

Posted on 2009-04-21 | Tagged , , , ,

GrApple Crispという Firefox用のテーマが新たに公開されていました。Firefox 3.1 β3以上でかつ Mac OS Xのみという限られた環境用ですが。。。

タブがナビゲーションバー（ロケーションバーなどを含むバー）より上部にあるという、Operaや Google Chrome、Safari 4βでおなじみ？のレイアウトです。Safari 4βではタイトルバーと同化という点で少々いきすぎた感がありましたが、本テーマは Operaと同様、現実的なものになっています。

こちらのほうがやはり UI的にもしっくりきますね！ タブを追加して URLを打って表示するという流れが、上から下に自然に行えます。

でも、まるで別のブラウザを使っているみたいですね！

Comments Off

Delicious Bookmarksの Awesome Bar対応が間近に

Posted on 2009-03-02 | Tagged , , ,

先日、Safari 4βの感動を記事にしたばかりなのに何ですが、Firefox 3の一つの売りとなっている Awesome Barに Delicious Bookmarksアドオンがもうすぐ対応するみたいです！

ここで Awesome Barとは、日本語版ではスマートロケーションバーと書かれていますが、下記の機能のことです。次世代ブラウザ Firefox – 機能概要: より速く、より安全に、カスタマイズ自由に:

これからは、サイト名や URL の記憶があいまいでも、お気に入りのサイトに素早く辿り着けます。Firefox 3 の新しいロケーションバーは、使えば使うほど学習を深め、あなたの好みに合わせた最適な結果を表示します。

語句を入力し始めると、自動補完機能が働き、履歴に残っているページやブックマークしたページのタイトル、URL、タグが瞬時に検索されて、可能性のある結果がドロップダウンで一覧表示されます。入力した語句と一致する部分は強調表示され、一目で結果を見渡せるようになっています。

言葉では当機能は伝えにくいのですが、一旦これに慣れると、もう他のブラウザを使う気にならないほどのものなのです。この補完一覧に Deliciousで登録したページも出るようになると、それはそれは便利に違いありません。

私は Delicious Bookmarksアドオンのディスカッショングループに参加しているので、Awesome Bar Integrationテスト版をさっそく使ってみたのですが、こりゃいい！の一言です。早くテストが終わって一般公開されるといいですね。

Comments Off