- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- 御茶ノ水RITTOR BASE
- レイアウトが好みです。
-
https://rittorbase.jp/
2022-03-15 - detail
- SUPPOSE DESIGN OFFICE
- 建築物とサイトのデザインがマッチしています。
-
https://suppose.jp/
2020-12-04 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- The Climate Pledge
- 全体の質感が素敵です。
-
https://www.theclimatepledge.com/
2021-02-16 - detail
- tote inc.
- 音楽も含めて世界観が好みです。
-
https://tote.design/
2022-02-25 - detail
- Draw all roads in a city at once
- 出力される地図がお洒落に見えます。
-
https://anvaka.github.io/city-roads/
2020-09-30 - detail
- FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
- KVの大胆な白透かしで少し考えが変わりました。
-
https://www.forcas.com/
2020-08-31 - detail
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
- Tela9
- archiveページの写真と動画を組み合わせた配置が参考になります。
-
https://tela9.com/
2020-07-29 - detail
- omote
- 2カラムが、新しいレイアウトのように感じました。
-
https://urakawashota.com/
2021-02-19 - detail
- ACSL | 株式会社自律制御システム研究所
- KVが1スクロールでopacity:0;になるところが気持ち良いです。
-
https://www.acsl.co.jp/
2020-07-29 - detail
- 手火山家（てびやまや）河文伝承
- 自分ではやらないようなヘッダーレイアウトだったので参考になります。
-
https://tebiyamaya.com/
2020-07-17 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。