サムネイル画像をオンマウスで拡大するCSS - トーンコントロール
スタイルシートでお手軽に CSS は、レイアウトの為だけではなく、工夫しだいでさまざまな事に利用できます。中には Cross browser CSS slide show のように CSS だけでイメージギャラリーを実現した複雑で高度なものも！ しかし、もっとシンプルに画像を扱いたい場合も多いので、このページでは、画像をサムネイルに縮小して、オンマウスで元のサイズに戻すごく簡単な CSS のサンプルを掲載します。 左のサムネイル画像にマウスカーソルを重ねると元のサイズで表示されます。JavaScript を使わずに下記のような (X)HTML と CSS だけで実装しているので手軽に導入できます。 HTML <p> <a class="thumbnail" href="***.jpg"><img src="***.jpg" width="***" height="***" alt="***
大手サイトはリンクの色を青から微妙にズラしている。なぜだろう？ など10+1記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
ほとんどのブラウザで、ハイパーリンクが貼られたテキストは、青色＋下線付きで表示されるのが標準の状態だ。ユーザーはこの形式に慣れているので、リンクは「青色＋下線」が最もクリックされやすいと言われる。しかし、「青」といっても純粋な青ではなく、微妙に色を変えているサイトも多い。たとえば、Bingはリンクの色を純青の「#0000FF」から「#0044CC」 に変えている。その結果、年間売上高を8,000万ドル増加させたそうだ。 ウェブ力学さんが、検索エンジンや大手サイトのリンク色を調査した結果、純青以外のサイトのほうが多いということがわかった。 それぞれ、テスト結果に基づいて色を変えたのか、それともデザイナーのセンスで色を決めたのかは不明だが、大手サイトをマネして色を変えてみるのもおもしろいかもしれない。 日本語で読めるSEO/SEM情報 アマゾンのrobots.txtをのぞき見してみた （フジイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOGOS サービス終了のお知らせ