- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Neru inc | Brand & Service Design Studio
- ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。
-
https://ne-ru.com/
2020-06-10 - detail
- SUPPOSE DESIGN OFFICE
- 建築物とサイトのデザインがマッチしています。
-
https://suppose.jp/
2020-12-04 - detail
- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03 - detail
- Studio Presto
- レイアウトが素敵です。
-
https://studiopresto.com/
2021-03-01 - detail
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
- THIRD CO., LTD. | Branding Agency
- 成果物がユニークです。
-
https://third-design.jp/
2020-07-21 - detail
- isai Inc.
- NEW WORKSを90度回転させて並べているところに新しさを感じました。
-
https://isai-inc.co.jp/
2020-05-13 - detail
- Super Top Secret // Branding & Digital Agency
- テキストのレイアウトが美しいです。
-
https://wearetopsecret.com/
2020-05-20 - detail
- GOOD ROUTE
- スクロールと合わせたこのレイアウトは珍しいです。
-
https://goodroute.jp/
2020-11-16 - detail
- 黒田潤三アトリエ JUNZO KURODA ATELIER
- 写真や建築物が美しいです。
-
http://junzo.com/
2020-09-17 - detail
- NESTING
- PCのメニューがスクロールで横積みに変わるのが面白いです。
-
https://nesting.me/
2022-10-07 - detail
- omote
- 2カラムが、新しいレイアウトのように感じました。
-
https://urakawashota.com/
2021-02-19 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。