November 30, 2002 Tweet
スタイルシート切り替えスクリプト
Editon by Akihiro さんのページを見ていたらスタイルシート変更スクリプトの紹介がされていた。これは以前から興味があったのでさっそく紹介されていたサイトを見てみた。Movable Type用に作ってあるようなのでテンプレートにコードを入れれば大丈夫そう。
Styleswitcherとして紹介されている。
色の配合などを考えるのでこれから少しいじるがテスト用のページは一応作ってみた。タイトル画像の下の四角いピクセルをクリックするとスタイルシートが変更されるようになる。
ランダムにスタイルシートを変更することもできるようだ。リロードすることで色などがどんどん変わる。面白そうだけれどちょとうるさそうなのでこれは使うのはやめておこう。誰かやってみますか?
Posted by kengo at November 30, 2002 10:21 AM | TrackBack | BLOG | Blog Search | English | QR |
記事として一言追加です。
>Styleswitcher http://jemimap.freeshell.org/style/scripts.html#styleswitcher として紹介されている。
リンク先にも書いてある通り、このJavaScriptは、A List Apart http://www.alistapart.com/stories/alternate/ のものがベースになっているわけですが、これは、米WIRED NEWS http://wired.com/ でも02/10/11より採用されているものです。
個人的にはJavaScriptは読めませんし、詳しくhack、検証したわけではないですが
実績のあるスクリプトなので、比較的安心して使えるのではないでしょうか。
なるほど。nogdnikさん ありがとうございます。
http://wired.com/ にいってソースをみて確認しました。
たしかに同じ作者によるもののようですね。
安心しました。正式に採用してみようかな?
スタイルシートをいじる回数がその分増えそうですが(笑)
wiredのサイトでは文字の大きさの調整をこのスタイルシートの切り替えでやっているみたいですね。
多分今思えば、よくある印刷用のページはこちらというようなPrinter Friendlyというページはスタイルシートを切り替えることでできるんですね。
見た目の印象を変えるだけでなくユーザビリティという観点からもそういう工夫をしていくと面白そうですね。
Posted by: kengo on December 1, 2002 04:02 PM正式にスタイルシート切り替えができるようにしました。
面白がって使うのは最初だけかも知れないけれど
新しい物を知ると使いたくなります。
これだけはとまらない。
Posted by: kengo on December 4, 2002 01:37 PMこんにちは、同じく新しもの好きなoscarともうします。Style Switcher、うちのブロッグでも採用しました。こちらのエントリがとても参考になりました、ありがとうございます。
Posted by: oscar on July 28, 2003 02:17 AM




















