- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Accueil — Vooban
- メニュー内にある＋アイコンから−になるアニメーションが良いです。
-
https://vooban.com/
2020-11-30 - detail
- BAUM（バウム）
- レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
-
https://www.baumjapan.com/baum/index.html
2020-05-15 - detail
- SISI
- メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
-
https://sisi.tokyo/
2021-01-21 - detail
- iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
- 水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
-
https://www.igaming.studio/
2020-08-31 - detail
- BRAUN（ブラウン）公式サイト｜腕時計・クロック
- BRAUNのDieter Ramsさんは、もっと調べてみたいデザイナーの1人です。
-
https://br-time.jp/
2020-08-07 - detail
- 広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
- 表示の際のアニメーションが面白いです。
-
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20 - detail
- ANDMADE Inc. / アンドメイド
- クセのあるフォント(Voyage)を上手くまとめていて参考になります。
-
https://andmade.jp/
2020-07-29 - detail
- 株式会社ナナメ – CREATIVE MOVIE MAKER
- WORKSの見せ方が参考になります。
-
https://nanameinc.jp/
2020-08-24 - detail
- FIL – SUMI LIMITED
- 細かいところまでアニメーションが計算されているように感じます。
-
https://sumi.fillinglife.co/
2020-07-29 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- 永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
- 様々な技術が上手く纏まっています。
-
https://tokoshie-bullet.com/
2020-09-08 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。