Fontsize : [ Large Size ] / [ Default Size ]

Home : Blog(What's New / Memo)

index > moved

WCAN/200612 レポート

WCAN Logo

一昨日行ってきましたWCAN/200612。WCANの後23時から他の忘年会があったり、日曜がバイトだったりして書くのが遅くなってしまいました。汗

けっこう長くなりました。

[ Continue Reading ]

Note > Report | - | -

[ Skip To Top ]


Bloglines の美しいスキン

Bloglines Skin Image
Firefoxの火狐のアイコンをデザインされたことでも有名な、hicksdesignさまのJon HicksさんがBloglinesの美しいスキンを公開されています。

これは、FirefoxやSafari、Operaなどで使えるユーザースタイルシートとして配布されており、Bloglinesの見た目をユーザ側で変更できるようになっています。

例えば、Firefox(Win)では、以下の方法でこのスキンを適用できます。

  1. C\Documents and Settings\(ユーザ名)\Application Data\Mozilla\Firefox\Profiles\(任意の文字列).default\chromeフォルダにダウンロードしたbloglines-moz.cssを置く
  2. Firefoxを終了する
  3. 同フォルダ内のuserContent.css(存在しない場合はuserContent-example.cssをコピーしてuserContent.cssにリネームします)を開く
  4. userContent.cssの1行目@charset "utf-8";の次の行に@import url(bloglines-moz.css);と記述して保存する
  5. Firefoxを起動してBloglinesを開く

たったこれだけで、ちょっとイマイチなBloglinesのデザインをこんなにかっこよくできます!
実際各ボタンの位置が変わっていて、(フィードの編集・追加のリンクは下にボタンとしてあります)UIはより洗練されていますね。

また、Safari、Operaの導入方法は、hicksdesignさまの「OS X skin for Bloglines」というエントリで解説されています。Bloglines使ってる人にはオススメのスキンです。

Note > WEB | - | -

[ Skip To Top ]


IE 7 のCSSハック

各ブラウザのCSSの解釈の違い(バグ)を補正するために、そのCSSのバグを逆手にとって、特定のブラウザに意図したデザインを表示させる裏技(?)である、俗にいう「CSSハック。」

そんなCSSハックは、CSSの記述としては正しくないものもあるため、あまり使わないほうがよいというのが一般的です。(どこまでをCSSハックというのか判断しにくいですが・・・)

しかし最もシェアが高く最もバグが多いブラウザが、ご存知Internet Fucking Explorer。使いたくないと言いつつもCSSハックの利用が必須とならざるを得ないという、皮肉な現状があります。

仕事で利用する機会も多いことので、備忘録としてまとめてみました。

BLOG × WORLD ENDINGさまの記事では、このCSSハックがきれいにまとめられています。

この、CSSバグの宝庫、「真のWEBのお荷物」ことInternet Fucking Explorer 6のメジャーアップデート版、IE7の日本版が先日リリースされ、バグがどこまで修正されたのか、WEBクリエイターたちは戦々恐々です(つд⊂)

僕もIE7をインストールしていじってみたんですが、早速IE6とも違うバグがあったので、この解決法を続きにちょこっと紹介してみます。

(06/11/17追記) 小粋空間さまの記事にて、IE7のみに適用されるハックが更新されたようです。ご注意ください。

[ Continue Reading ]

Note > PC,Software | - | -

[ Skip To Top ]


Internet Explorer 7 日本語正式版 リリース

Internet Explorer 7

11月2日にInternet Explorer 7の日本語ロケールの正式版がリリースされました。

以前の「IE 7 正式版 と Firefox 2 正式版」というエントリで、やっぱりIE7が出るのは気が重いと書きましたが、そうはいいながらやっぱりちょっと楽しみだったので早速ノートPCの方にインストールしてみました。

インストール後、初回起動時に設定ページが表示されて、検索プロバイダ(検索サービスのことですね)の追加の是非や、フィッシング対策機能のオン・オフ、ClearTypeを使用するか、などの設定しました。

さらに、様々な検索プロバイダの追加を行なえるページにジャンプし、いくつか追加を行ないました。これをすると、画面右上の検索ボタンのプルダウンのとこに検索プロバイダが追加されます。このプルダウンメニューには、更なる追加と検索プロバイダの設定ができるようになっています。

設定を終え、画面全体を見てみると、

  • タブがある
  • 一般的な「メニューバー」がデフォルトで表示されていない (表示可能)
  • 右上にフィード検出ボタンがある
  • 戻る・進むボタンと、更新ボタン、読み込み中止ボタン、ホームボタンの位置がバラバラになっている
  • マウスジェスチャはないっぽい?

IE7 Screen Shot

画面デザインはVistaを意識してか?、テカテカしてる感じです。肝心のタブの操作感は特に問題なく、「クイック タブ」と呼ばれるタブ一覧機能は遅くないし、便利だと思います。
ただ、これらの機能はFirefoxやOperaなどのモダンブラウザではすでに実装されていますが。(一部拡張機能を導入する必要はあります)

ちなみに、ALTキーを押すと「メニューバー」が現れるようです。(その辺クリックしたり、もう一度ALTキー押すと隠れます)

ダウンロードから初期設定、新機能などの雰囲気が知りたい方は以下のページが非常に参考になると思います。

また、CSSなどのサポート面でも大幅に向上したみたいです。アルファチャンネルpngに対応したのはデザインの幅が広がるので個人的にうれしいです。
僕もいじってみて、これは気をつけなくちゃいけないと思ったCSSハックがあったので、近々エントリしようと思います。

ちなみに11月1日から3日までのVERSION510に訪れる方のブラウザは、IE7が3位の8.6%、IE6がダントツ1位の64.7%です。シェアがどう変動していくのか非常に興味が沸きますね。

Note > PC,Software | - | -

[ Skip To Top ]


WCAN/200610 レポート

WCAN Logo

昨日行ってきましたWCAN/200610。(今回は相当寝不足だったので帰ってきたイキオイでは書けませんでした。。)

[ Continue Reading ]

Note > Report | - | -

[ Skip To Top ]



Sub Contents

Weblog Navigation

Latest Entries
Category
Recent Comments
Recent Trackback
Archives
Recommend

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト 「Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト」

WEBの歴史からXHTML,CSSの解説さらにはアクセシビリティにも触れられているまさに「教科書」

Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール 「Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール」

Serene Bachユーザ必読のガイドブック

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル 「世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル」

有名サイトのCSSデザインテクニックが学べます

Joined

Other