タグ
WEBレイアウト参考

見てるだけでかわいい!マウスの動きや選択によって変化する動画を効果的に活用したインタラクティブなサイト3つ

ネット回線の高速化でWebサイトは大きめの動画を扱えるようになってきていますが、ただ動画を流すだけでなく、サイト全体で動画を効果的に使って、なおかつマウスの動きやクリックによって映像が分岐するインタラクティブなサイトを3つ紹介します。
技術もですが、見てるだけでもかわいいし、綺麗な女優さん3人にも注目です。

レスポンシブ対応も含め、Lightbox系(モーダルウインドウ)プラグイン25個の簡単な使い方とサンプルまとめました

背面をグレーアウトさせて画像などを表示するLightbox系のjQueryプラグイン。現在では多機能なオプションを備えたものから、レスポンシブWebデザインに対応したものまでさまざまなプラグインが存在しています。

今回はそんなLightbox系(モーダルウィンドウ)プラグインを最新のものからオーソドックスで実用的なものまで、一挙にまとめました。作成するサイトにあわせて使い分けましょう。

グラフィカルな写真コンテンツを効果的に見せる!ランダムな配置のグリッドレイアウトのサイトデザインをまとめました

最近海外のサイトデザインで、ランダムなブロックレイアウトのデザインをよく見かけます。シンプルでいながら絶妙なバランスで並べられたパネルの中にコンテンツが入れられており、サイトの新しいデザインの様な印象を受けます。

デザインの勉強に、そういったランダムなブロッグレイアウトのサイトデザインのキャプチャー画像を集めました。

毎年凝ったキャンペーンサイトを展開する伊勢丹の2012年クリスマスキャンペーンサイトと過去の動画まとめました

デパートサイトと言えば、膨大な情報があるのでサイト自体はどのデパートも一般的なWebデザインが多いですが、キャンペーンとなると特設サイトを用意して展開するデパートも多くあります。

ここ数年クリスマス時期になるとかなり凝ったサイトを展開する「伊勢丹」のサイトも今年のクリスマスサイトが公開されていました。

タブレットPCを意識した?パンフレットを開くような動きの横アコーディオン型サイト・横スライドサイト

最近海外のサイトデザインで、タブレット端末や将来的なタッチジェスチャーを意識した縦割のアコーディオン型のデザインのサイトを良く見かけます。

タブレットを対象としたサイトの企画や提案時の一つの選択肢の参考としてパンフレットを開くような動きの横アコーディオン型サイト・横スライドサイトをまとめてみました。