- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
- #至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
-
https://branche-chocolat.jp/
2020-09-11 - detail
- broom inc.
- ProjectsやAboutのアニGIFが効いていて良いです。
-
https://www.broom-studio.com/
2020-08-04 - detail
- https://www.nara-u.ac.jp/buddience/
- 自分と似ている仏様がわかります。
-
https://www.nara-u.ac.jp/buddience/
2020-09-04 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- 株式会社マバタキ
- 見たことのある実績が並んでいます。
-
https://mabataki.jp/
2020-10-16 - detail
- 植物の生命力を肌へ｜BOTANIST SKINCARE EVER
- 背景と画像のシャドーの関係性が良いです。
-
https://botanistofficial.com/special/skincare_ever/
2020-08-11 - detail
- Dystopian Creatives
- レイアウトの感覚と手書きのラインが絶妙です。
-
https://www.dystopiancreatives.com/
2020-08-20 - detail
- town | 小田急の仲介
- スクロールでボケていくKVの写真が面白いです。
-
https://town.odakyu-chukai.com/
2021-05-21 - detail
- ANTIGIF – De ontwerpstudio in Den Bosch
- 左右にナビゲーションが存在しています。
-
https://www.antigif.nl/
2020-08-31 - detail
- FMJ STUDIO
- 端を残しながら全面に散りばめられたKVの写真がおしゃれです。
-
https://fmj.tokyo/
2020-05-10 - detail
- BATOU
- 写真とタイポグラフィーの組み合わせ方が面白いです。
-
https://batou.jp/
2021-11-04 - detail
- 御茶ノ水RITTOR BASE
- レイアウトが好みです。
-
https://rittorbase.jp/
2022-03-15 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。