(cache) MOMIZINE

これまで数多のユーザCSSを書いてきましたが、ずっとStylishの自動アップデートが羨ましかったmomizineは今更気がつきました。

var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'http://momizine.googlepages.com/mb-googlereader.css';
cssNode.media = 'screen';
cssNode.title = 'dynamicLoadedSheet';
document.getElementsByTagName("head")[0].appendChild(cssNode);

こんな感じでUser.jsファイルを作っちゃえば自動的に反映されるじゃん！て。設定もUserjsフォルダあたりにファイルを入れておくだけだし簡単*1

サンプル（GoogleReader用）：mb-google-reader-skin2.js

でここまでだったら良くある話で、元CSSファイルをWeb上にマスターファイルとして公開して、個人単位で更新管理するのではなく、利用ユーザで書き換え自由に管理することができるじゃないですか。いつもbase64で変換していた作業がすっきりするじゃないですか。

必要なのは

誰が更新したか（ログイン or 未ログインならIPアドレス）
更新のタイミングはいつか
更新するとcssファイルも更新されている（ファイル名の変更はなし）

よくわからないけど、Google Codeとか使えばいいの？共有とかはできない？？

gist githubとかがいいの？

Permalink | コメント(0) | トラックバック(0) | 11:51

*1：でも起動が遅くなるの？

2008年12月16日

Re: Re: IE6を使って閲覧すると右上に『アナログ』って出るように

CSS

もう誰かやってる気が（ｒｙ

で、javascript禁止されてたはてなダイアリーでIE6で閲覧するとアナログって実装するためにCSSとHTMLで考えました。

IE6でアナログCSS実装

※正確にはxml解釈できないブラウザで表示される。

いちおうはてなダイアリーで試したら、全体を囲むdiv要素がないから、できないでやんのばーかばーか。

参照元：http://gyauza.egoism.jp/clip/archives/2008/03/080302-ie6positionfixed/

expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);ってどうやって使うのかいまいちわかってない今日この頃・・・。とりあえず、このダイアリーもつけたけど見事にスクロールします。スクロールしちゃうんだったら普通にハックしちゃえばいいじゃんとか言うなよ。

Permalink | コメント(0) | トラックバック(1) | 18:27

2008年12月12日

いめったーからはじき出された画像をRSSで表示させるPipes

twitter, Pipes

とりあえず抜け落ちるけどだいたい拾えるような気がする。

いめったー面白いような。とりあえず流行りにのっかりました。

http://pipes.yahoo.com/momizine/imagetwit（RSS）

Permalink | コメント(0) | トラックバック(0) | 18:49

mb-twicliのアップデート

twitter

twicliが改行に対応していたので、mb-twicliも併せて変えてみました。

twicliユーザ同士*1なら改行もこの通り送信できます。

http://momizine.googlepages.com/mb-twicli.html

mb-twicliを利用されていた方は知らない間にアップデートされているはずです。

140文字の文字制限にAAなんて入れなくたっていいんだけどさー。

Permalink | コメント(0) | トラックバック(0) | 18:49

opera:config用のconfig.css書いた

Opera, CSS

id:amatanoyoさんにSkypeから触発されopera:configのcssファイルを書いて見ました。本当は１カラムではなく複数カラムでCSS作成を打診されていたのですが、momizineの持つCSSテクニックでは自分が納得できるものがかけなかったので１カラムにしてホバー回りのアクションを綺麗にして閲覧しやすくしました。

@import使っても面白そうだけど、日本語化してたりすると競合しちゃうので、いつか取り込まれることを願いつつ公開します。

ダウンロード

http://files.myopera.com/momizine/css/mb-config962.css:Opera9.62用（Windows用）]
http://files.myopera.com/momizine/css/mb-config10a1.css:Opera10a1用（Windows用）]

使い方は、opera:config#UserPrefs|ConfigStyleFileを開いてダウンロードしたファイルを選択して保存して再読み込みと簡単！

他のOSで試す場合は、以下をconfig.cssに追加してください。

Permalink | コメント(0) | トラックバック(0) | 12:06

*1：当然公式非対応、他クライアント未検証

2008年12月10日

GoogleReaderのUser.CSS書いた

Google, CSS

id:edvakfさんの記事「Jon Hicks作のGoogle Reader用スキン、HelvetireaderとOpera」を読んで自分の使いやすいGoogleReaderにスキンデザインを変更してみた。

http://d.hatena.ne.jp/edvakf/20081127/1227769381

変更箇所

左カラムを「すべてのアイテム」「トレンド」「記事一覧」に。トレンドは読まないフィードの削除とPipesが巡回したかチェックなどに利用しています。検索ボックスを左寄せして登録フィードを右寄せ、フォルダ設定なども右寄せにしました。

最大の特徴は極力ボールドを利用しないということです。フィードリーダーなんだからフォントいじりなんてどうでもよくて、そのあたりGoogleReaderはclassやidは無視するのに、style="hogehoge"には反応する。そうすると2chまとめさいと関係の文字が赤かったり青かったり緑だったり、煩わしい。。。

で、こんなCSSを書いた最大の理由はコレ。