面白い写真共有サイト-Webshots

写真共有サイトと言えば、Yahoo!米に買収されたFlickrが有名。よくブログにブログパーツが貼っていあったりする。
日本だとフォト蔵かな。

どちらも非常に綺麗な写真が沢山あって写真の勉強になる。うーん。自分も精進しなければ！

そんな写真共有サイトをググっているうちに面白いサイトを発見。その名もWebShots。




デザインはWeb2.0的。人の顔を「Shot」の「o」に模したロゴが可愛い。

面白いって言っても検索できたり、共有できたり、ブックマーク、タグ付け、アルバム管理、ダウンロード、スライドショー、コメント投稿ってあたりは他の写真共有サイトとあまり変わらない。
珍しいのはバックアップCDを購入できたり、写真プリントや写真をプリントしたマグカップ、アルバムやカレンダーが購入できるところか。

面白いのは、個人的にだけど、ページ中段の「pro shots」や「featured in travel」の辺りのCSSとJavaScriptの作り。




写真にマウスオーバすると写真のタイトルと投稿者名が噴出しみたいに表示される。
HTMLソースとCSSソースは割と簡単。HTMLソースを見ると全ての写真のタイトルと投稿者名が記述されている。
JavaScriptを見ても複雑でちょっと分からなかった・・・
どーもJavaScriptでpositionとz-index等のStyleを与えて隠したり表示したりしているみたい。
うーん。もっとJavaScriptを勉強しないと。

っとこんな小技が効いたサイトで見ていて面白いです。

関連記事

• 「FC2ブログで関連エントリーリスト」が使えなくなっているようです
• URLを正規化するcanonical属性をFC2ブログに導入してみた
• FC2ブログで「パンクズリスト」を表示する方法
• tableタグを簡単に生成することができる非常に有用なソフト「テキストテーブル」
• 写真共有サイト「livedoor PICS PRO」から「フォト蔵」の乗り換えたついでに比較してみた
• Appleが「iPhone」商標侵害でCiscoに訴えられる
• ナウシカのメーヴェを飛ばす「オープンスカイ2.0」
• ソニーの薄型テレビ「BRAVIA」のうさぎ満載なCM動画
• ショッピング革命！価格比較検索エンジン「QOOPIE.NET」を紹介してみる
• RSSリーダー「livedoor Reader」でフィードを登録する方法

タグ（ブログ内検索もできます）：写真 共有 CSS JavaScript web