次期Firefoxでは:visited疑似クラスのスタイルが制限される | 水無月ばけらのえび日記
公開: 2010年4月3日16時50分頃 「visited疑似クラスのビーコンを拾うサービスが登場」という話がありましたが、Firefoxでの対応方針が決まったようで……「CSS によるブラウザ履歴の漏えいを防ぐ取り組み - Mozilla Developer Street (modest) (dev.mozilla.jp)」。 具体的には、訪問済みリンクは、文字、背景、アウトライン、ボーダー、SVG の線と塗りといった、配色のみ変えられるようにします。 (～中略～) 次に、Gecko レンダリングエンジンの実装にいくつかの変更を加え、訪問済みと未訪問リンクの表示にかかる時間の違いを最小限にするため、処理プロセスを均一化します。 (～中略～) Web ページがリンク (とその子孫要素) の算出スタイルを取得しようとすると、Firefox は未訪問リンクのスタイル定義を返すようになります。
visited疑似クラスのビーコンを拾うサービスが登場 | 水無月ばけらのえび日記
行動ターゲティング広告は以前から存在していたが、今年の動向として新しいのは、行動を追跡する手段として、自サイトでの閲覧行動だけでなくよそのサイトでの閲覧行動まで追跡するタイプが現れたことだ。 (～中略～) 仕組みはこうだ。Webページのリンクは標準では青色で表示されるが、訪問済みのリンクは紫色に変わる。このリンクの表示色をJavaScriptなどのプログラムで取得することができれば、閲覧者が特定のサイトに行ったことがあるか否かを調べることができてしまう。 <style type="text/css> #sita-A a:visited{background:url("/beacon/site-A.gif")} #sita-B a:visited{background:url("/beacon/site-B.gif")} </style> <ul> <li id="sita-A"><a hr
外部リンクだけにアイコンをつけることのできる CSS のセレクタ | ヨモツネット
概要 リンクで、外部の Web ページが参照先のときにアイコンなどをつけて区別するケースがよくあります。 そのときに、参照先が外部の Web ページの a 要素だけにスタイルを適用するための CSS コードです。 動作確認用の demo この方法は外部リンクの a 要素だけに class 属性をつけるというような処理が必要ないので、CMS やブログのエントリーなどにいいかもしれません。 似た方法で JS でまとめて class 属性を付与する方法もありますが、CSS だけで完結したほうがスマートかなと思ったのでサンプルを作りました。 demo で使用した CSS コード a[href^="http"]{ background:url(img/ico_conductor.png) no-repeat right center; padding-right:15px; } a[href^="h
Re: コラム・雑感 CSS NITE Vol.2 配付資料／T-STUDIO | securecat's exblog
コラム・雑感 CSS NITE Vol.2 配付資料／T-STUDIOから つまり、print用のスタイルを指定する際に、link要素の中でtitile属性を指定すると、印刷時にそのスタイルが適用されないという点が今回のデモの失敗でわかった部分ですので、皆さんもその点に注意してみてください。ちょっと、そのサンプルサイトで使ったソースがわからないのですが、それって、たとえばこういう感じに書かれていたのではないでしょうか？ <link rel="stylesheet" hrf="default.css" /> <link rel="stylesheet" href="screen.css" media="screen" title="for screen" /> <link rel="stylesheet" href="print.css" media="print" title="for p
link 要素を可視化するユーザースタイル - 朝顔日記
2006-10-02 ua web tool firefox iMa さんが、FirefoxでOperaのようなlink要素を表示させる「Mozeraナビ=叢ナビ」 (インターネット帳面) にて、link 要素を可視化して、Opera のナビゲーションバーのようにしてみせるユーザースタイルを発表しておられますが、私の場合、Link Widgets という Firefox 用の拡張機能を使っているので特に必要ないわけですが、Link Widgets では表示しきれない link 要素（たとえば、スタイルシートとか）をも表示させたかったので、そんなのを書いてみました。 といっても、link要素とCSSのみでナビゲーションを作る で参照リソースとして上げられている /2006/08/18/displaying-link-elements というスタイルシートを全面的にパクっております。head
Veerle's blog
Check out this extended font bundle for only $29! In the image below I’m only showing a tiny fragment of what’s included in this incredible bundle. Time for a little update on what is going on with the Inspiration Stream. As you've probably guessed, gathering quality inspiration can be time consuming. When The Deck still was a partner of this site this wasn't an issue. With Jim Coudal's announceme
Stu Nicholls | CSSplay | CSS link pop-up balloons
CSS DEMOS › Information balloon pop-ups Date : 22nd April 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. fadtastic Fadtastic - The Multi-Author Web Design Trends Journal. Web design trends discussed. fadtastic archive RSS Feed Attitude Design Attitude Design is a resource for graphic designers. Beauty is only skin deep... Attitude is in th
■ - hoshikuzu | star_dust の書斎
■ HTTP応答ヘッダのLinkヘッダフィールドでブラウザにStyleSheetを喰わせる この項目は、Linkヘッダフィールドに関する定めがあるバージョンのHTTP規定に適合するユーザエージェントにのみ適用される。[RFC2616]が定める HTTP 1.1 にはLinkヘッダフィールドが含まれていないので注意されたい(RFC2616の19.6.3参照)。 Webサーバの管理者は、同一グループのページ群について、ある1つのスタイルシートが適用されるようにサーバを設定すると便利であると考える場合もあろう。HTTPのLinkヘッダは、同じ内容の属性と値を持つLINK要素と、等しい効果を持っている。複数のLinkヘッダは、同じ順序で並ぶ複数の LINK要素に対応する。例えば、次のLinkヘッダは: Link: <http://www.acme.com/corporate.css>; REL=s
title属性をつけてスタイルシートを読み込む場合の注意点
title属性をつけてスタイルシートを読み込む場合の注意点 link要素にtitle属性を付けてスタイルシートを読み込ませるとこれは優先スタイルシートと呼ばれるスタイルシートになります。 この件について問題があるサイトが報告されていますので、この辺の仕様と注意点について紹介しておきましょう。 固定スタイルシート(persistent style sheet) 固定スタイルシートとは文字通り、固定的に読ませるスタイルシートの指定方法です。 これによって指定されているスタイルは、以下で説明する優先スタイルシートや、代替スタイルシートと同時に適用されます。 固定スタイルシートはtitle属性を付けずにlink要素を記述します。 <link rel="stylesheet" href="foobar.css" type="text/css"> 優先スタイルシート(preferred style s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reveal new window links and links to non-HTML files with a user stylesheet | 456 Berea Street
http://ima.pandach.com/cgi-bin/mt/2006/09/firefoxoperalink.php
fortysomething.ca