Chrome, UserStyle Chrome Stylist - Google Chrome extension gallery のver2.0を公開しました。元々、ハッカソンの時に作った拡張で、長いこと中途半端な実装状態のままギャラリーに公開していたんですが、ようやくそれなりに形になりました*1。元々Chromeはu... 続きを読む
The recommended way to install user styles is to use Firefox with Stylish. If you already have Firefox with Stylish, make sure this site is allowed to run JavaScript. 続きを読む
CSS, HTMLCSSのcontentで、insタグやdelタグの可視化ってのは少し前からやってたんだけど、 del:after{ content:"[DEL:" attr(datetime) "]"; } ins:after{ content:"[INS:" attr(datetime) "]"; } del:after, ins:after{ color:#888888; font-size:85%; } より... 続きを読む
http://d.hatena.ne.jp/ekken/20090423/1240491249からのリファラがあったんだけど見る勇気がないので結局見ずじまいのままだ。 1月に体か心か分からんけど拒絶反応を示してると書いたけど、あれ以来、URIに「jintrick」「scinfaxi」が含まれてるリファラについ... 続きを読む
現象Firefox機能拡張(アドオン)「Stylish」でinput要素type属性textやsubmitに対し、background/borderプロパティでスタイルを指定しても反映されない。結論ユーザースタイルシートでinput要素の装飾をする場合は、 -moz-appearance: none !important; を書き... 続きを読む
JSUserCSS 書いてるときに script要素の中身が見えることがわかったので、何かに役立つかもしれないのでメモ。 script{ display: block !important; } こうすることで script要素の中身が見えます。お試し用に。 javascript:void(document.body.appendChild(doc... 続きを読む
■ 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート 脆弱性を突いてブラウザの閲覧履歴を調べるという禁じ手に手を出した、掟破りの(自称「次世代」)行動ターゲティング広告「楽天ad4U」について、amachangの「IEのinnerHTMLやappendChildで要素が挿入... 続きを読む
CSSWeb ページを CSS でデザインする際に、DIV 要素の構造を把握しやすくするための、ユーザスタイルシートを書きました。DIV 要素をただの枠つき長方形で表示し、他の要素を非表示にします。class 属性や id 属性のある DIV 要素は、それら属性値も表示します... 続きを読む
ウォーターエネルギーシステム、水発電に乱入してきた「でんすけ」氏。アンチが目的、言動はその手段という本末転倒なスタンスでグダグダの議論を展開してくれたわけだが、その中で目を引いたのが「スタイルシートをOFFにするのはインモラル」という主張であっ... 続きを読む
Stylishで快適にユーザースタイルシートを書くための覚書 偏執的な書き方はともかく、Stylishを使って記述から投稿までを解説したようなサイトは見たことがないので、こちらも覚書として自分の手法を紹介する。 なお、ここから先は偏執的ではない。 Stylish専用... 続きを読む
Stylishで偏執的なレイアウトを作成するための覚書 StylishとはFirefoxの拡張のひとつで、ユーザースタイルシートの作成と管理を助けてくれるもの。 userstyles.orgには大量のユーザースタイルシートが投稿されていて、Stylishを導入しているなら現在開いている... 続きを読む
先日TRANSさんで紹介されていたデバッグCSS、Firefxの拡張「Stylish」を使えば便利だと思うのですよ。 以前書いたFx拡張まとめでも挙げているように、Stylishはユーザースタイルシートの編集・管理をする拡張です。 デバッグ用CSS「Diagnostic Styling」とその... 続きを読む
拡大して描く用 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("h.hatena.ne.jp") { div.draw-container {overflow-x:auto} embed#new-entry-form {height:380px !important;width:1054px !important} } 続きを読む
「userstyles.org」上にあるユーザーCSSをインタラクティブかつリアルタイムに操作できるようになるスクリプト「user-css-switcher(by Greasemonkey)」を作りました。 http://userscripts.org/scripts/source/12550.user.js これはなに? リアルタイムに「u... 続きを読む
firefox, userstyle機能拡張「Stylish」用のスタイルです。追記:作ってからしばらく「背景色をいれて目には優しくなったけど、むしろ読みにくくなった感があるな」と首をひねってた。原因が分かった。匿名ダイアリーは日記の名前を冠しているけど、性質は掲示... 続きを読む