2022年1月第3週号 1位は,扇形グラデーションと放射グラデーションを細かく解説,気になるネタは,「Vカツ」突然の終了発表 アバターは利用不可に 「体なくなる」ユーザー困惑
ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2022年1月10日〜1月16日の間に見つけた記事のベスト5です。
https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/
conic-gradient(扇形グラデーション)とradial-gradient(放射グラデーション)の2つのCSSグラデーションについて細かく解説した記事です。
どのように機能するか、相違点と類似点、どういうケースでどのように使用するかを解説しています。また、それぞれのグラデーションの使用例もいくつか紹介してあり参考になります。グラデーションだけでなくパターンとして使う方法やアニメーションさせる方法もありました。
この記事内で紹介されていたConic.cssというconic-gradientのライブラリも便利そうです。
図1 扇形グラデーションと放射グラデーションを細かく解説
https://dribbble.com/stories/2022/01/11/design-trends-2022
2022年に知っておく必要のあるデザイントレンドを10個まとめた記事です。