カテゴリー: Web

  • 街中に巨大なTV「Sony Internet TV」

    街中に巨大なTV「Sony Internet TV」

    街中に巨大なTV「Sony Internet TV」

    Google TVプラットフォームを採用したSony Internet TVのスペシャルサイト。

    街中に巨大なTVを設置したコマーシャル動画もYouTubeに投稿されていました。

    いったい何インチくらいあるんだろう?

    Sony Internet TV with Google TV

    関連サイト

  • 東京・青山にあるセレクトショップ「valveat 81」

    東京・青山にあるセレクトショップ「valveat 81」

    東京・青山にあるセレクトショップ「valveat 81」のサイトをご紹介。

    東京・青山にあるセレクトショップ「valveat 81」

    お店の名前の由来は、扉と日本の国番号の81。
    「日本での扉を開け放つ。」という思いを込めたの造語だそうです。

    ページが横にスライドしたり、店内の様子を360°見渡すことが出来たりとサイト自体も面白いので是非1度見てみてください。。

    valveat 81

  • CSSで背景をページの下まで伸ばす方法

    背景をページの下まで伸ばすときには、bodyにbackgroundを指定すればいいのですが、bodyの背景は他のものを全体的に使って、その上にdivで指定した背景を縦方向にページの下まで伸ばしたい時は以下の方法が有効です。

    html

    [html]
    <body>
    <div id="wrapper">
    <p>CSSで背景をページの下まで伸ばす方法</p>
    </div>
    </body>
    [/html]

    CSS

    [css]
    * {
    margin: 0;
    padding: 0;
    }
    html {
    height: 100%;
    }
    body {
    height: 100%;
    background: url(images/bg.jpg) repeat center top;
    }
    #wrapper {
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
    width: 800px;
    text-align: center;
    background: #F2F2F2;
    }
    body > #wrapper {
    height: auto;
    }
    [/css]

    これでdivに指定した背景を縦方向にページの下まで伸ばすことができます。
    デモページも作ってみたので見てみてください。

    デモページ

  • 立体的な動きのエフェクトが印象的なWebサイト「Wonderwall」

    立体的な動きのエフェクトが印象的なWebサイト「Wonderwall」

    立体的な動きのエフェクトが印象的なWebサイト「Wonderwall」

    インテリア・デザイナー片山正通さんのオフィス・ワンダーウォールのWebサイト。
    手掛けてきたプロジェクトにマウスカーソルをあわせると、立体的な動きを見せるエフェクトが印象的です。

    Wonderwall

  • グラフィックデザイン事務所「スーパーミー」

    グラフィックデザイン事務所「スーパーミー」

    グラフィックデザイン事務所「スーパーミー」

    アートディレクターの山口アツシさんが主宰する、グラフィックデザイン事務所「スーパーミー」のオフィシャルホームページ。

    過去に手掛けられたファッションブランドのカタログや音楽CDのジャケットなどの作品がずらりとならんでいます。

    Super me inc.