- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
- noteと合わせて見ると学ぶべき箇所が多いです。
-
https://ndcosd.jp/
2020-07-29 - detail
- ChungiYoo
- 最近はこういったフォントを探しています。
-
https://www.chungiyoo.com/
2021-01-08 - detail
- CHILL OUT（チルアウト）オフィシャルサイト｜【日本発】瞬間リラクゼーションドリンク
- 3Dモデルのモーションが美しいです。
-
https://butfirstchillout.com/
2020-05-09 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- BAUM（バウム）
- レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
-
https://www.baumjapan.com/baum/index.html
2020-05-15 - detail
- mount inc
- クオリティが高く、好きな制作会社の一つです。
-
https://mount.jp/
2020-05-25 - detail
- LM Chabot
- 画像がロードされる前にカラフルな要素が表示されているとことが良いです。
-
https://lmchabot.com/
2020-06-15 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- MØM
- 最近、背景のノイズ感が目につくようになりました。
-
https://matter-of-mind.fr/en/
2020-10-06 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。