今週の気になるWEBサイト・アプリUI/UX&デジタル広告・サービス 3.29〜4.4

JDO(WEBサイト)

150413_01

http://jdouk.com/

イギリス制作会社のサイト。美しいworks画像がマウスイベントでパララックスさせ迫力が増しています。上部ナビゲーションのSVG、blurインタラクションもいい感じです。

restive.js(プラグイン)

150413_02

http://restivejs.com/

デバイス、端末の向き、ブレイクポイントなどを入力すると適したclassを割り振ってくれるプラグイン。レスポンシブサイトを作る際に細かいレイアウト変更に使えそうです。

Serial Cut(WEBサイト)

150413_03

http://serialcut.com/

クリエイティブなフォトスタジオのサイト。とにかく画像がかっこいいですね。自社ブランドアイテムを販売していてセルフフランディングにも注目。

ReDay try to start over(WEBサイト)

150413_04

http://reday.me/en

ドラッグ注意喚起系のサイト。ムービーがメインですが、選択肢でムービーが変化する。

anicollection(ソースサンプル)

150413_05

http://anicollection.github.io/#/

CSS3ベースの全79種のホバーアニメーションをまとめているサイト。ホバー時に出る目のアイコンをクリックするとソースがコピーできます。

Othoniel Studio(WEBサイト)

150413_06

http://www.othoniel.fr/fr/studio

モノトーンのシンプルなサイト。projectとstudioの2本立てを左右に常に導線として現れます。

Prism Effect Slider(ソースサンプル)

150413_07

http://tympanus.net/Tutorials/PrismEffectSlider/

プリズム効果を与えるサンプルソース。スライダーを動かしてもcanvasのマスクで画像をrotateしているため万華鏡のような表示になります。

Share

  • このエントリーをはてなブックマークに追加
  • 28

Follow(SNSで定期購読)

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>