>   >  タグで検索「jQuery」

Tag → jQuery

WEBサイト - 鮮やかな青系のブランドサイト
ポカリスエット公式サイト|大塚製薬 
スポーツ飲料のブランドサイト。鮮やかな青系に白い背景。これほどまでに、白い背景が似合う商品はなかなかない。トップページには、矩形バナーで記事コンテンツが並べられている。大きさが、ほどよい。下層ページでは、ゴリゴリのアニメーション。シンプルなデザインゆえに、jQueryアニメーションが活きている。バーチャルサッカー教室やPhotoコンテストなど、独自のWEBイベントが活発に行われているようだ。余談だが、パッケージをよく見てみると「青の背景×白いロゴ」で統一され、反転タイプは許されていない(以前は反転タイプがあったように思う)。パッケージを含め、ブレのないブランドサイトだ。
WEBサイト - 一風変わったパララックス効果のサイト
LUMIX GF5 はじめての、ミラーレス一眼 | Panasonic 
ミラーレスデジカメのサイト。配色はやさしいグレートーン。注目はスクロール時の動き。縦方向のスクロールと横方向のパララックス効果が複雑に混在している。これらの組み合わせがオモシロく、一風変わった見栄えがする。さらに、ビデオコンテンツも組み合わせており、チャレンジ精神あふれたサイトに仕上がっている。
WEBサイト - 黄色×黒のブランドサイト
キユーピー マスタード | キユーピー 
キユーピーのブランドサイト。配色は黄色×黒。背景は粒マスタードのイメージしてドット柄になっている。演出面が特にオモシロい。横に流れるアニメーション丸くてカワイイ。その丸いエリアはリンクボタンになっており、マウスオーバーで軽くジャンプする(効果音あり)。すべてjQueryで実現している。遊び心のあるサイトだ。
WEBサイト - 驚きのスクロール芸
Hyundai Veloster | Official Site, Hyundai Motor Europe 
韓国の自動車のサイト。単一画面でもかっこいいのだが、特筆すべきは『スクロール芸』。縦スクロールで画面遷移する構成で、さらにはスクロール位置に応じたアニメーションを加えている。
jQuery - 写真を魅せる
写真を効果的に魅せる6つのjQueryギャラリー 
designaholicさんの記事。
参考資料サイト - to-R
to-R 
西畑一馬さんによるブログ。JavaScript・スマホサイト制作・MT関連など、実践向きのことが書かれている。結構、昔から検索にかかりやすく、よく見ていた。
スマートフォンサイト - jQuery Mobileを利用
西畑一馬のjQuery Mobileデザイン入門 
ASCII.jpの記事。モバイルフレームワーク「jQuery Mobile」、その基本を記している。スマホサイト構築時の必須アイテムだ。
< 前 1 次 >
TAGS タグ一覧を見る




PAGE TOP