- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Tyrus
- しっかり区切ったレイアウトが好みです。
-
https://tyrus.design/
2020-11-27 - detail
- isai Inc.
- NEW WORKSを90度回転させて並べているところに新しさを感じました。
-
https://isai-inc.co.jp/
2020-05-13 - detail
- ARTIDA OUD（アルティーダ ウード）
- 読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
-
https://www.artidaoud.com/
2020-06-08 - detail
- THE FLAT HEAD
- 最近海外サイトで見かけるボタンの日本アレンジの参考になります。
-
https://www.flat-head.com/
2021-09-16 - detail
- GOOD ROUTE
- スクロールと合わせたこのレイアウトは珍しいです。
-
https://goodroute.jp/
2020-11-16 - detail
- にほんご。
- ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
-
https://tr.you84815.space/
2020-07-31 - detail
- BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
- #至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
-
https://branche-chocolat.jp/
2020-09-11 - detail
- Superfluid | Products are tools, we are beauty
- 詳細ページのアイコンやマーキーなどがサイト全体にあっています。
-
https://getsuperfluid.com/
2020-07-22 - detail
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- Lama Lama
- マウスに反応する仕掛けが面白いです。
-
https://lamalama.nl/
2021-12-06 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- Hotel in Serifos Island, Greece | Chill & Co. Hotel and Café Resto Bar
- 確かにchillを感じます。
-
https://chillandcoserifos.com/
2020-08-17 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。