2005 -12-27 ( Tue )

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

Dressup Doll ブックマークレット

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

More

春木屋のブックマークレットは、リンク先の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さん

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

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

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

管理者のみ読めるようにする

Trackback

trackback URL
http://webbingstudio.blog10.fc2.com/tb.php/296-d41661ba
引用して記事を書く(FC2ブログ用)

What's new