Google Chrome用ユーザースタイルシート拡張 - os0x.blog
Chrome Web Store - Stylistのver2.0を公開しました。 元々、ハッカソンの時に作った拡張で、長いこと中途半端な実装状態のままギャラリーに公開していたんですが、ようやくそれなりに形になりました*1。 元々Chromeはuser.jsを拡張に変換してインストールする機能があるので、 http://userstyles.org/ でuser scriptsとしてインストールすることはできるんですが、実行タイミングが要素の読み込み後なので、隠したい要素が一瞬見えちゃったり、表示がガクガクしたりと今ひとつです。で、Chrome Stylistではなるべく素早く適用されるように気を付けているので、その辺りはバッチリ、だと思います。 で、問題のuserstyles.orgへの対応具合なんですが、大体うまく行くんじゃないかと思います、たぶん… 例えば、AutoPagerize/
CSSでHTMLタグの可視化 - os0x.blog
CSSのcontentで、insタグやdelタグの可視化ってのは少し前からやってたんだけど、 del:after{ content:"[DEL:" attr(datetime) "]"; } ins:after{ content:"[INS:" attr(datetime) "]"; } del:after, ins:after{ color:#888888; font-size:85%; } より多くのタグを可視化してみた。まあ、ネタのひとつです。UserCSSにしてみる(http://gist.github.com/101046)と面白いけど、すごく重いしすごく崩れるのでお勧めはできない。 ただ、「可視化しても可読性を損なわない、むしろ読みやすくなるHTMLを心がける」というのは良いことだと思う。 さすがにpとliあたりはクドイので、その辺りは消した。 del:before{ cont
Latest topics > 目フィルタ - outsider reflex
Latest topics > 目フィルタ 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 頭の出来が悪い Main 「机の上にごちゃごちゃ物を置いているやつは総じて能力のないプログラマーだ」 » 目フィルタ - Apr 24, 2009 http://d.hatena.ne.jp/ekken/20090423/1240491249からのリファラがあったんだけど見る勇気がないので結局見ずじまいのままだ。 1月に体か心か分からんけど拒絶反応を示してると書いたけど、あれ以来、URIに「jintrick」「scinfaxi」が含まれてるリファラについては内容を見ないようにしてる。「自分が叩かれてるのを見てマゾい快感を得る」のが目的でもない限り、自分にと
ユーザースタイルシートでinput要素の特定のプロパティのスタイルが反映されない現象について - 空き容量429MB
現象Firefox機能拡張（アドオン）「Stylish」でinput要素type属性textやsubmitに対し、background/borderプロパティでスタイルを指定しても反映されない。結論ユーザースタイルシートでinput要素の装飾をする場合は、 -moz-appearance: none !important; を書き加える。 Google（http://www.google.co.jp/）を例にするユーザースタイル適用前 ユーザースタイル適用（-moz-appearanceプロパティなし）テキストボックス（検索単語をいれるところ）とボタン（検索開始で押すところ）に対して以下のスタイルを指定。 input[name="q"]{ background-color:#000000 !important; border:solid 1px red !important; color:
高木浩光＠自宅の日記 - 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート
■ 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート 脆弱性を突いてブラウザの閲覧履歴を調べるという禁じ手に手を出した、掟破りの（自称「次世代」）行動ターゲティング広告「楽天ad4U」について、amachangの「IEのinnerHTMLやappendChildで要素が挿入された瞬間を取得する方法」を参考に、その隠しリンクを露出させるユーザスタイルシートを作ってみた。（Internet Explorer用。） #ad4u_list { display: expression(function() { if (!this.__mark) { this.__mark = true; // alert(this.innerHTML); var o = '<div style="overflow:scroll; border:dashed 4px red;">'; o = o + this
今度は無断スタイルシートOff禁止ですってよ - 妄想科學倶樂部
kikulogに乱入してきた「でんすけ」氏。アンチが目的、言動はその手段という本末転倒なスタンスでグダグダの議論を展開してくれたわけだが、その中で目を引いたのが「スタイルシートをOFFにするのはインモラル」という主張であった。 無論何もないところからこんなトンデモ発言が出る筈もなく、これは件の記事を掲載した日経Tech-On!の鬱陶しい会員登録要求が「スタイルシートOffにすれば消えますよ」という話から「それは営業妨害だ→そんなことを公開するなんて社会人失格」(意訳)てな流れに。 まあこれが「会員のみ公開のコンテンツを勝手に公開した/ログインパスワード公開した」みたいな話なら確かにインモラルと言える。しかし日経のそれは単に登録を促す半透明のレイヤを被せているだけであり、読めないようにしてあるわけではない。公開されたデータを読み易いように整える方法であって、決して不正アクセスの方法を教示して
Stylishで快適にユーザースタイルシートを書くための覚書 | 暴満館 ～The House of full Violence～
偏執的な書き方はともかく、Stylishを使って記述から投稿までを解説したようなサイトは見たことがないので、こちらも覚書として自分の手法を紹介する。 なお、ここから先は偏執的ではない。 Stylish専用プロファイルの作成 Firefoxに導入する拡張を絞り、広告ブロック等も行わないようにすることでwebページへの影響を最小限に抑える。これにより素のwebページを弄ることができるようになるので、ユーザースタイルシートを導入した際の他ユーザーとの差異を小さくすることができる。 別プロファイルを起動できるようにする。 複数の Firefox を同時起動するを参考に、 C:\Firefox\firefox.exe -no-remote -P "Stylish" このような感じでショートカットを作成。初回はプロファイル編集ダイアログが表れるので新規プロファイルを作成する。間違っても通常使うプロファ
Stylishで偏執的なレイアウトを作成するための覚書 | 暴満館 ～The House of full Violence～
StylishとはFirefoxの拡張のひとつで、ユーザースタイルシートの作成と管理を助けてくれるもの。 userstyles.orgには大量のユーザースタイルシートが投稿されていて、Stylishを導入しているなら現在開いているサイトのユーザースタイルシートが無いか確認したりすることができる。 このStylishを使って去年あたりから細々とユーザースタイルシートを投稿してきたので、ここらで自分流のスタイルシートの書き方とかについていろいろまとめてみようと思った。 なお、一度でも使ったことがあるなら分かるが、かなり偏執的なレイアウトにしてしまうので、合わない人にはとことん合わないということを注意しておきたい。 どのようなサイトに向けて作成するか 基本的には訪問頻度と文章を読む上でのレイアウトの酷さ。レイアウトの酷さには以下の点が挙げられる。 無駄にデカいサイトロゴ サイドバーが多い サイド
デバッグCSSはStylishを使うとすこぶる便利な件 | TOTOCO.ORG
先日TRANSさんで紹介されていたデバッグCSS、Firefxの拡張「Stylish」を使えば便利だと思うのですよ。 以前書いたFx拡張まとめでも挙げているように、Stylishはユーザースタイルシートの編集・管理をする拡張です。 デバッグ用CSS「Diagnostic Styling」とそのサンプルコード - TRANS [hatena] http://d.hatena.ne.jp/aratako0/20080119/p1 サイトのチェックをするたびにデバッグCSSを追記するのもちょっと面倒ですよね？ Stylishに登録しておいてチェックの時だけ有効にすれば、制作済みのファイルを汚すこともなくとても便利です。自分はこの方法でチェックをやっています。Web制作者なら大抵Firefoxをインストールされていると思うので、試しにやってみてはどうでしょう。（以下はWindowsでの手順で
はてな匿名ダイアリーをStylishを使って見やすくする - 空き容量429MB
firefox, userstyle機能拡張「Stylish」用のスタイルです。追記：作ってからしばらく「背景色をいれて目には優しくなったけど、むしろ読みにくくなった感があるな」と首をひねってた。原因が分かった。匿名ダイアリーは日記の名前を冠しているけど、性質は掲示板に近いから、ひとつひとつの記事が独立する色分けの仕方だと読み手には流れが分断されたように見えるんだな。うーん、どうしようか。 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("anond.hatelabo.jp") { body{ color:#151E3A !important; } #globalheader{ margin:0 auto !important; padding-left:0.2em !important; width
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ameba now no Uzai Youso Kesu | userstyles.org
はてなブログ | 無料ブログを作成しよう
DIV 要素の構造を可視化するユーザスタイルシート - hkn?
はてなハイク サービス終了のお知らせ
ライブドアブログ｜無料で豊富な機能が充実