- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Web Graphic Experiments
- 技術も凄いしデザインも素敵です。
-
https://experiments.p5aholic.me/
2020-10-05 - detail
- NODERIUM ｜アクタスのインテリアグリーン、観葉植物
- コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
-
https://www.actus-interior.com/noderium/
2020-06-29 - detail
- 100 DAYS OF POETRY
- 横スクロールとクリック時のアニメーションが綺麗です。
-
https://100daysofpoetry.gallery/
2020-05-10 - detail
- GEEK PICTURES
- FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
-
https://geekpictures.co.jp/
2020-11-25 - detail
- and株式会社
- お洒落なオリジナル作業着に心を掴まれました。
-
https://www.and-love.com/
2020-08-06 - detail
- Diesel Wynwood ⏤ Condominium
- ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
-
https://dieselwynwood.miami/
2020-05-11 - detail
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- oniguili
- レイアウトが素敵です。
-
https://www.oniguili.jp/
2021-05-07 - detail
- カワスイ 川崎水族館 – 2020年7月グランドオープン
- KVのイラストがイラレの画像トレースのようなイラストですが、このように使用すると良い感じです。
-
https://kawa-sui.com/
2020-07-01 - detail
- ANTIGIF – De ontwerpstudio in Den Bosch
- 左右にナビゲーションが存在しています。
-
https://www.antigif.nl/
2020-08-31 - detail
- THE FLAT HEAD
- 最近海外サイトで見かけるボタンの日本アレンジの参考になります。
-
https://www.flat-head.com/
2021-09-16 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。