今週の気になるWEBサイト・アプリUI/UX＆デジタル広告・サービス 3.29〜4.4
JDO(WEBサイト)
イギリス制作会社のサイト。美しいworks画像がマウスイベントでパララックスさせ迫力が増しています。上部ナビゲーションのSVG、blurインタラクションもいい感じです。
restive.js(プラグイン)
デバイス、端末の向き、ブレイクポイントなどを入力すると適したclassを割り振ってくれるプラグイン。レスポンシブサイトを作る際に細かいレイアウト変更に使えそうです。
Serial Cut(WEBサイト)
クリエイティブなフォトスタジオのサイト。とにかく画像がかっこいいですね。自社ブランドアイテムを販売していてセルフフランディングにも注目。
ReDay try to start over(WEBサイト)
ドラッグ注意喚起系のサイト。ムービーがメインですが、選択肢でムービーが変化する。
anicollection(ソースサンプル)
http://anicollection.github.io/#/
CSS3ベースの全79種のホバーアニメーションをまとめているサイト。ホバー時に出る目のアイコンをクリックするとソースがコピーできます。
Othoniel Studio(WEBサイト)
http://www.othoniel.fr/fr/studio
モノトーンのシンプルなサイト。projectとstudioの2本立てを左右に常に導線として現れます。
Prism Effect Slider(ソースサンプル)
http://tympanus.net/Tutorials/PrismEffectSlider/
プリズム効果を与えるサンプルソース。スライダーを動かしてもcanvasのマスクで画像をrotateしているため万華鏡のような表示になります。
Related posts
