- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Eight 8/8/8th Anniversary
- オープニングの数字のスクロールが素敵です。
-
https://materials.8card.net/product/888/
2020-09-17 - detail
- オトナミューズ ウェブ
- カラーリングと写真のレイアウトが素敵です。
-
https://otonamuse.jp/
2021-11-18 - detail
- and株式会社
- お洒落なオリジナル作業着に心を掴まれました。
-
https://www.and-love.com/
2020-08-06 - detail
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- Story Line: Six Months of COVID-19 – The Feed – SBS
- ドラッグでの操作感が素敵です。
-
https://www.sbs.com.au/storyline/
2020-09-07 - detail
- Latitude – Latitude is a publication that’s as multi-faceted as you are
- ワイヤーのようなボタンやレイアウトが印象的です。
-
https://explorelatitude.com/
2020-07-27 - detail
- Add Culture +
- 棒グラフがおしゃれです。
-
https://www.addculture.com/
2021-02-01 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- Dystopian Creatives
- レイアウトの感覚と手書きのラインが絶妙です。
-
https://www.dystopiancreatives.com/
2020-08-20 - detail
- Atolla | Custom Skincare
- プロダクト含めた全体の雰囲気が素敵です。
-
https://atolla.com/
2021-05-31 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- NESTING
- PCのメニューがスクロールで横積みに変わるのが面白いです。
-
https://nesting.me/
2022-10-07 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。