Fontsize : [ Large Size ] / [ Default Size ]

Home : Blog(What's New / Memo)

index > Note > WEB

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 ]


FeedBurner 始めました。

FeedBurner

かなり遅まきながら、このサイトで配信しているRSS、AtomをFeedBurnerで焼きなおして配信することにしました。

アドレスは以下の通りです。リダイレクトをかけてますので、以前のままでもまったく問題ありませんが、できればFeedBurnerの方に登録変更していただけるとうれしいです。

http://feeds.feedburner.jp/version510

以前からいいウワサを聞いていましたが、実際使ってみて、配信者からの利点を挙げてみます。

フィードの購読者数解析
フィードのアドレスを一意に管理できるので、フィードリーダから購読しているユーザを把握できる。
スマート・キャスト
1つフィードアドレスで、様々なフィードの形式に対応させることができる。フィードの規格毎にXMLなどのファイルを用意しなくていい。
共有フォト、共有ブックマークサービス
ソーシャルフォトサービスのFlickr、ソーシャルブックマークサービスのdel.icio.usや、はてなブックマークなどの配信フィードを、FeedBurnerのフィードに共有させることができる。
フィード・フレア
フィードの各記事に「del.icio.usへ追加」や、「はてなブックマークへ追加」などのリンクを追加できる。

FeedBurner Result

そんな感じで導入も楽々ですし、なんと言っても管理画面にヒントがたくさんあって、とてもユーザフレンドリな感じがします^^
んで、昨日からリダイレクトをかけていますが、11/06 22:02現在で左のような状況です。順に増加していますね。

ちなみに、これまで使っていたフィードの読者をFeedBurnerで解析したい場合は、.htaccessファイルなどでリダイレクトすればよいです。詳しくは、Feedburner Infomationさまの「リダイレクト設定」に解説があります。

この際、FeedBurnerからのクロールがリダイレクトされ、無限ループしてしまう現象を回避するために、FeedBurnerからのリクエストを回避させる必要があります。


RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner
RewriteRule ^(フィードまでのアドレス)index\.rdf$ (FeedBurnerのフィードアドレス) [L,R=permanent]
RewriteRule ^(フィードまでのアドレス)atom\.xml$ (FeedBurnerのフィードアドレス) [L,R=permanent]

上のように.htaccessファイルに記述すればOKです。

最後に、導入方法や機能紹介が非常に詳しいサイトさまを紹介します。

Note > WEB | - | -

[ Skip To Top ]


WCAN/200610 レポート

WCAN Logo

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

[ Continue Reading ]

Note > Report | - | -

[ Skip To Top ]


国立大学WEBサイトの脱テーブル状況

CSS Nite in Nagoya懇親会CYBER@GARDENさまの益子さんとお話していて思いついたのですが、益子さんの「都道府県の脱テーブル状況」を参考にして、国立大学WEBサイトの脱テーブル状況を調査してみました。

2006年9月28日現在。トップページ対象。(ただし、トップページが言語選択ページの場合、日本語ページのトップページを対象とした。)
WEBサイトの掲載順序は文部科学省ホームページ国立大学のリンクページにある地区の順を参考にした。

[ Continue Reading ]

Note > Report | - | -

[ Skip To Top ]


CSS Nite in Nagoya レポート

CSS Nite in Nagoya Logo

今まで行ってきましたCSS Nite in Nagoya
WCAN/200609 レポートに続き、またまた帰ってきたそのイキオイで書きます。

(2006/9/26追記)参考資料フォト・ギャラリーへのリンク追加。
(2006/10/1追記)参考資料にプレゼンターの方々の資料へのリンクを追加。

[ 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