- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- MØM
- 最近、背景のノイズ感が目につくようになりました。
-
https://matter-of-mind.fr/en/
2020-10-06 - detail
- StoryWriter | ストリートを愛するカルチャー・マガジン
- SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
-
https://storywriter.tokyo/
2020-06-24 - detail
- 京仏壇・京仏具・伝統工芸 若林佛具製作所
- KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
-
https://www.wakabayashi.co.jp/
2020-06-15 - detail
- LIBERTA Perfume(リベルタパフューム)
- 写真の光の当たり方が好みです。
-
https://liberta-perfume.com/top
2020-06-08 - detail
- Les Snorôs
- 表の見せ方がパッケージのような印象が出ていて好みです
-
https://lessnoros.com/
2020-10-28 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
- 水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
-
https://www.igaming.studio/
2020-08-31 - detail
- Marvin Schwaibold
- ALL WORKの見せ方が面白いです。
-
https://www.marvinschwaibold.com/
2020-08-19 - detail
- Web Graphic Experiments
- 技術も凄いしデザインも素敵です。
-
https://experiments.p5aholic.me/
2020-10-05 - detail
- Le Singe
- リアルなものにマウスを追いかけられたのは初めてです。
-
https://lesinge.paris/fr
2020-12-15 - detail
- HERO’s IDEA
- トップページでのページ内での移動の挙動が面白いです。
-
https://idea.sportsmanship-heros.jp/
2020-11-25 - detail
- sketchbook
- グリッドで制作するときの参考にクリップしています。
-
http://sketchbook.kr/
2020-05-25 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。