- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Voice of Racism
- 参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
-
https://voiceofracism.co.nz/
2020-08-25 - detail
- クリエーティブ・ディレクター・コレクティブ (つづく)
- レイアウトや質感が素敵です。
-
https://tsuzuku.tokyo/
2022-02-25 - detail
- ionic (アイオニック)
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- Future Noodles
- 食品のイメージとしては珍しい配色だと思います。
-
https://futurenoodles.com/
2021-05-06 - detail
- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- 原田裕規「Unreal Ecology」京都芸術センター
- レイアウトが好みです。
-
https://haradayuki.com/unreal-ecology/?ja
2022-03-16 - detail
- ANTIGIF – De ontwerpstudio in Den Bosch
- 左右にナビゲーションが存在しています。
-
https://www.antigif.nl/
2020-08-31 - detail
- Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
- ハンバーガーメニューのデザインがお洒落です。
-
https://fleava.com/
2020-09-04 - detail
- Lama Lama
- マウスに反応する仕掛けが面白いです。
-
https://lamalama.nl/
2021-12-06 - detail
- FIL – SUMI LIMITED
- 細かいところまでアニメーションが計算されているように感じます。
-
https://sumi.fillinglife.co/
2020-07-29 - detail
- 田邑嘉浩|HIRO.LONDON|GARDEN ARTIST — HIRO.LONDON
- WORKS詳細ページのUIが新しいです。
-
https://hiro.london/jp/
2020-07-29 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。