- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Tyrus
- しっかり区切ったレイアウトが好みです。
-
https://tyrus.design/
2020-11-27 - detail
- Off Season Creative
- しっかり区切られているレイアウトが、最近の個人的な好みです。
-
https://offseasoncreative.com/
2020-08-11 - detail
- Chilly Source
- Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
-
https://chillysourcetokyo.com/
2020-05-11 - detail
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- ARTIDA OUD（アルティーダ ウード）
- 読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
-
https://www.artidaoud.com/
2020-06-08 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- FMJ STUDIO
- 端を残しながら全面に散りばめられたKVの写真がおしゃれです。
-
https://fmj.tokyo/
2020-05-10 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- Эль Лисицкий
- 大胆なレイアウトが素敵です。
-
http://ellissitzky.tilda.ws/
2022-02-22 - detail
- oniguili
- レイアウトが素敵です。
-
https://www.oniguili.jp/
2021-05-07 - detail
- mount inc
- クオリティが高く、好きな制作会社の一つです。
-
https://mount.jp/
2020-05-25 - detail
- Tela9
- archiveページの写真と動画を組み合わせた配置が参考になります。
-
https://tela9.com/
2020-07-29 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。