- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Boldare Boards — the online collaboration app
- あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
-
https://boards.boldare.com/
2020-10-27 - detail
- SND
- サイトも音も素敵です。
-
https://snd.dev/
2022-03-15 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- Le Singe
- リアルなものにマウスを追いかけられたのは初めてです。
-
https://lesinge.paris/fr
2020-12-15 - detail
- StoryWriter | ストリートを愛するカルチャー・マガジン
- SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
-
https://storywriter.tokyo/
2020-06-24 - detail
- SISI
- メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
-
https://sisi.tokyo/
2021-01-21 - detail
- ThemesKingdom
- デザインの表示方法が素敵です。
-
https://themeskingdom.com/
2021-10-26 - detail
- Kieran Baybutt
- トップページのPROJECTの見せ方が凝っています。
-
https://kieranbaybutt.com/
2020-08-24 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- 100 DAYS OF POETRY
- 横スクロールとクリック時のアニメーションが綺麗です。
-
https://100daysofpoetry.gallery/
2020-05-10 - detail
- Propeller & Co.
- ABOUTページのliの組み方が素敵です。
-
https://propellertokyo.jp/
2020-09-09 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。