- GEEK PICTURES
- FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
-
https://geekpictures.co.jp/
2020-11-25 - detail
- Propeller & Co.
- ABOUTページのliの組み方が素敵です。
-
https://propellertokyo.jp/
2020-09-09 - detail
- 新宿 北村写真機店
- 紙のレイアウトのようなFVが魅力的です。
-
https://www.kitamuracamera.jp/ja
2020-08-03 - detail
- Point — The do it all debit card.
- カードがかっこいいです。
-
https://www.point.app/
2020-08-05 - detail
- FRAMED* Mono X7
- 欲しいです。
-
https://mono.frm.fm/shop/
2020-09-30 - detail
- NODERIUM |アクタスのインテリアグリーン、観葉植物
- コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
-
https://www.actus-interior.com/noderium/
2020-06-29 - detail
- THE RESTAURANT | 広尾
- 全店舗の統一感が良いです。
-
https://therestaurant-hiroo.com/
2020-08-14 - detail
- ひとともり
- ラインを使用した細かいデザインがシンプルで、とても素敵です。
-
https://hitotomori.net/
2020-06-26 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
- noteと合わせて見ると学ぶべき箇所が多いです。
-
https://ndcosd.jp/
2020-07-29 - detail
- Garden Eight
- すべてのページに参考にしたい要素が詰まっています。
-
https://garden-eight.com/ja
2022-02-10 - detail
- Snazzy Maps – Free Styles for Google Maps
- googlemapのカスタマイズが一覧で表示されていて便利です。
-
https://snazzymaps.com/
2020-06-16 - detail
ブラウザ依存の文字にテクスチャをのせることで、文字を加工したように見せるというアイデアが面白いです。
私が使用するならpointer-events: none;を使い、テキストのドラッグを可能にしようかと思います。