「ドブロ[Do-Blog]」は世田谷区桜新町を拠点とした只ならぬBlog。キーワードは「咲(ビーグル)」「LOMO」「Web」
・・・でしたが、最近、川崎市武蔵新城へと拠点を移しました。

2005年06月20日
同窓(同一ページ内リンク)と別ドメインアイコン  [Web]

Firefoxの拡張機能「TargetAlert」というFirefoxの機能拡張がある。この拡張機能をつけると別窓やPDFなどの特殊なリンクにアイコンを追加してくれのですが、最新のバージョン(0.8.6)では、すごい機能が追加されました。

一つ目が同窓(ページ内リンク)アイコンである。
何気ないこのアイコン、ありそうでなかったアイコン。別窓アイコンと同じくらい感動しましたね。
CSS3では、以下のような属性セレクタで実装できそうです。

a[href^="#"]:after{
content:url("/img/同窓アイコン.gif");
}

二つ目が別ドメインアイコンである。
このアイコンは、現在表示されているページとは別のドメインへのリンクを表す。これも同窓と負けず劣らず直感的で優秀です。
CSS3では、以下のような属性セレクタで実装できそうです。

a[href^="http://"]:after{
content:url("/img/別ドメインアイコン.gif");
}

まだまだ、一般的なアイコンではないですが、是非、浸透してもらいたいものです。

参考ページ:CSS3の属性セレクタ(Lucky bag::blog)

wikiウサギ:同窓アイコン

wikiウサギ:別ドメインアイコン

| 投稿時間:15:41 | コメント (0) | トラックバック (0) | この記事のページ

トラックバック

このエントリーのトラックバックURL:
http://www.doburoku.com/cgi/mt/mt-tb.cgi/78

コメント

コメントしてください

URL:

コメント:

このページの先頭へ(T)

Copyright 1999-2006 by Suito [yoidoreusagi@doburoku.com]