- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Kati Forner – Welcome
- 丸いメニューと写真のレイアウトがおしゃれです。
-
https://katiforner.com/
2020-05-10 - detail
- ドローンプラットフォーム docomo sky
- スクロールに応じて動画が再生されるコンテンツが増えています。
-
https://www.docomosky.jp/
2020-10-09 - detail
- JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
- 流れる文字が直線ではないところが技術的に面白いです。
-
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08 - detail
- ThemesKingdom
- デザインの表示方法が素敵です。
-
https://themeskingdom.com/
2021-10-26 - detail
- The Climate Pledge
- 全体の質感が素敵です。
-
https://www.theclimatepledge.com/
2021-02-16 - detail
- THIRD CO., LTD. | Branding Agency
- 成果物がユニークです。
-
https://third-design.jp/
2020-07-21 - detail
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- Home Société | Contemporary Home & Outdoor Furniture
- トレンドのビッグタイポと横スクロールをうまく合わせています。
-
https://homesociete.ca/
2020-05-19 - detail
- Bornstein LyckeforsBornstein Lyckefors
- ヘッダーの表現が好みです。
-
https://bornsteinlyckefors.se/
2022-04-04 - detail
- cpw（シパウ）| 沖縄シークヮーサーのCCクリーム
- ロゴが面白いです。
-
https://dododododo.jp/pow/cccream-okinawa-shikuwasa/
2020-08-20 - detail
- SND
- サイトも音も素敵です。
-
https://snd.dev/
2022-03-15 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。