Hatena::Groupgeneration1986

omote87 このページをアンテナに追加 RSSフィード

ura87 no omote

メインのブログ(d:id:kiwofusi)は日本語の読めるひとみんなに読んでもらいたいので、作業メモやソースコードなどはこちらに書きます。

 | 

2009年10月17日(土)

[][][]ユーザスタイルシートでアンケートサイトを快適に 23:44 はてなブックマーク - ユーザスタイルシートでアンケートサイトを快適に - omote87 ユーザスタイルシートでアンケートサイトを快適に - omote87 のブックマークコメント

ひきこもっていてひまだったのでポイントサイトのたぐいに登録してみた。なかにはすごくユーザビリティに優れたものもある。しかしラベル要素を使わないところもざらにある。せめてラジオボタンチェックボックスを大きくして快適にしたい。ということが、簡単にできた。

ユーザCSS

ユーザーCSSのカスタマイズ - Mozilla Firefox まとめサイト:概要。ブラウザの外観も変えられるのかあ。

usercontent.css - Mozilla Firefox まとめサイト:具体的にユーザスタイルシートを書くときに。

Stylish - Mozilla Firefox まとめサイト:このツールを使ってみた。

Stylishを使ってユーザスタイルシート

ボイスポートでやってみた。ボイスポートのアンケート回答ページを開いてStylishをクリックし「新しいスタイルを書く」から回答ページのドメインを指定する。

f:id:kiwofusi:20091017234109p:image

そしたらCSSが編集できる。ドメインの部分の内側にCSSを書く。元のスタイルを上書きするために" !important"を追加する。ラジオボタンチェックボックスを大きくしたいので最小サイズを大きくした。「お試し」で反映される。名前をつけて「保存」すれば完了。

f:id:kiwofusi:20091017234102p:image

こんな感じになる(キャプチャしていなかったのでサンプルで)。ほかのドメインでも同様にできるでしょう。

f:id:kiwofusi:20091017234050p:image

その他

Restyle the web with Stylish! | userstyles.org

ほかのスタイルを取り込んだり、公開するときにはこちらが便利かも。Stylishインストールしたり、ユーザスクリプトインストールしたりできる。

トラックバック - http://generation1986.g.hatena.ne.jp/kiwofusi/20091017
 |