- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- 手火山家（てびやまや）河文伝承
- 自分ではやらないようなヘッダーレイアウトだったので参考になります。
-
https://tebiyamaya.com/
2020-07-17 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
- Эль Лисицкий
- 大胆なレイアウトが素敵です。
-
http://ellissitzky.tilda.ws/
2022-02-22 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- Dystopian Creatives
- レイアウトの感覚と手書きのラインが絶妙です。
-
https://www.dystopiancreatives.com/
2020-08-20 - detail
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- Arrival | Integrated Transport Ecosystem | Discover Bus and Van
- プロダクトの表現と非常にマッチしているシンプルなデザインです。
-
https://arrival.com/
2020-08-11 - detail
- 社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
- イラストが良いです。
-
http://kodomonooka-nursery.jp/
2020-09-23 - detail
- Kaleidoz – Value Through Design
- HOMEのキューブ型ナビゲーションが面白いです。
-
https://kaleidozdesign.com/
2020-09-11 - detail
- Diesel Wynwood ⏤ Condominium
- ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
-
https://dieselwynwood.miami/
2020-05-11 - detail
- SISI
- メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
-
https://sisi.tokyo/
2021-01-21 - detail
- 天水福祉事業会
- 「リンクを強調する」というスイッチ、初めて見ます。
-
https://tensui.or.jp/
2020-10-09 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。