Information


-------- (--)

Ads by Google

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2005-12-27 (Tue)

ユーザースタイルシートを手軽に使っちゃえ

先日、ユーザースタイルシートについての話の中で「ユーザースタイルシートはOpera以外はブラウザの設定が面倒くさい」ということを書きましたが、春木屋・sugさんのクリスマスプレゼントを使えば、かなり解決できそう。

Dressup Doll ブックマークレット

閲覧中のページの「link要素で適用されているCSS」を全て無効にし、代わりに任意のCSSを充てることができるブックマークレットです。
インラインスタイルには効果がありませんが、「お気に入り」に登録して使うことができるので、とってもお手軽。
sugさんグッジョブです! `∀´)v☆

春木屋のブックマークレットは、リンク先のCSSが「要素名とid/class属性を表示する」というものになっていますが

まてよ?ということは、サーバにあるHTMLにローカルで新規作成・編集中のCSSをプレビュする用途にも使えるじゃないですか。(中略)あるいはWEBで配布されているユーザースタイルシートのファイルアドレスに設定すれば、簡易切り替えにも使えるじゃないですか。

春木屋:Dressup Doll ブックマークレット

とsugさんが仰っているように、ブックマークレット内のURIを変えればユーザースタイルシートの呼び出しツールとして使うこともできるのです。
…というわけで、先日のユーザースタイルシートを大幅に直して(30分で作ったとはいえあれは流石に変だった)、ブックマークレットにしてみました。このブログがある限り利用できますので、お気軽にブクマしてお使いください。

※FC2ブログの仕様変更で、スタイルシートを外部から呼び出すことができなくなりました。Dressup Dollを使用するには、自分のPC内かサーバー内にスタイルシートを置いておく必要があります。
代わりといっては何ですが、現在私が使用しているユーザースタイルシートをお配りします。よかったらDressup Dollのベースとしてお持ち帰りください。

WebbingStudio製ユーザースタイルシート
(拡張子をtxtにしてあります。cssに変えて上書き保存してください)

これ、「簡易表示にする」みたいな名前でサイドメニューにリンクを貼っておけば、閲覧者に凄く親切なサイトになりますよね。いろいろな使い方がありそうです。
それにしてもダークサイダーズは凄い。ほんとお二方のスクリプトには、製作過程でお世話になりっぱなしです。

Theme : 役立つツール  >> コンピュータ

Comment

コメント・トラックバックの受け付けは終了しました。


ブックマークしました

ユーザスタイルシートもなかなか面白いですね。
どこも同じような見栄えになってしまったりで、私のテンプレートの [cyberspace] (黒に赤の配色)とかだと正直目が疲れますから、こういうのがあると常にデザイン無効にされそうです(笑

ちなみに、私もユーザスタイルシートなるものを作ってみることにしましたが、配色は多分私のブログと同じになりますね(笑
目指せ、Web → R'style lab 化!(無理

Re:ユーザースタイルシートを手軽に使っちゃえ

今年もよろしくお願いします。
R'styleさん経由で来ました。こちらのCSSもお年玉としてゲッツさせていただきます。

色を選ぶのが苦手で、同系色3色くらいならなんとか・・・でも、そこにアクセント色を入れると破綻!の繰り返しです。早く自分のカラーを見つけたい。
  • sug #o.ABPEyM
  • URL
  • 2006-01-01(Sun) 18:15:50
  • Edit

あけおめですsugさん

sugさん、あけましておめでとうございます。
昨年は春木屋を通してJavaScriptとCSSの奥深さを沢山教えていただきました。
うちの適当なCSSじゃ全然お返しにもならないのですが、着せ替え気分でお気軽にご利用くださいませ。

>自分のカラー
私の中ではsugさんは質実剛健・シンプルな白系というイメージがあります(^^

この新しいデザインもそうですが、私のテーマカラーはグレイッシュ・ダルトーンのワイン系です。配色は相変わらず苦手で、これも何度も調整をやり直しました。
もっとこう、バシーンと明るい万人受けしそうな(マテ)配色をマスターしたいですね。色んなウェブサイト・ウェブログを見るしかなさそうです。

Trackback