- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- Standby Inc.
- シンプルなヘッダーとイメージの見せ方、全体の雰囲気が非常に好みです。
-
https://standby-inc.com/
2020-05-15 - detail
- Fontworks｜フォントワークス
- 実績にフォント名が記載されているのでデザイナーとして興味深いです。
-
https://fontworks.co.jp/
2020-05-25 - detail
- URL
- 画像を大胆に余白をとって配置する手法が素敵です。
-
https://railroadladies.com/
2020-10-09 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- 旺文社 ブランドサイト
- ヒストリーのデザインがシンプルで良いです。
-
https://www.obunsha.co.jp/pr/change/
2021-11-04 - detail
- Superfluid | Products are tools, we are beauty
- 詳細ページのアイコンやマーキーなどがサイト全体にあっています。
-
https://getsuperfluid.com/
2020-07-22 - detail
- FACT FASHION
- キャッチコピーの使用方法が面白いです。
-
https://factfashion.jp/
2020-11-27 - detail
- SISI
- メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
-
https://sisi.tokyo/
2021-01-21 - detail
- AYOND
- 作品も含めて好みです。
-
https://ayond.jp/
2022-04-13 - detail
- BE.AT TOKYO
- 色数の多いデザインが増えてきたように思えます。
-
https://be-at-tokyo.com/
2020-10-16 - detail
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。