2022年1月第3週号 1位は,扇形グラデーションと放射グラデーションを細かく解説,気になるネタは,「Vカツ」突然の終了発表 アバターは利用不可に 「体なくなる」ユーザー困惑

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2022年1月10日〜1月16日の間に見つけた記事のベスト5です。

1. A Deep CSS Dive Into Radial And Conic Gradients — Smashing Magazine

https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/

conic-gradient(扇形グラデーション)とradial-gradient(放射グラデーション)の2つのCSSグラデーションについて細かく解説した記事です。

どのように機能するか、相違点と類似点、どういうケースでどのように使用するかを解説しています。また、それぞれのグラデーションの使用例もいくつか紹介してあり参考になります。グラデーションだけでなくパターンとして使う方法やアニメーションさせる方法もありました。

この記事内で紹介されていたConic.cssというconic-gradientのライブラリも便利そうです。

図1 扇形グラデーションと放射グラデーションを細かく解説

www.smashingmagazine.com_2022_01_css-radial-conic-gradient_(Webテク通信).png

2. The 10 biggest design trends you need to know in 2022 | Dribbble Design Blog

https://dribbble.com/stories/2022/01/11/design-trends-2022

2022年に知っておく必要のあるデザイントレンドを10個まとめた記事です。

  1. ダークモード
  2. コーポレートメンフィス(フラットで幾何学的な形状を使ったイラスト)の進化
  3. タイポグラフィ中心のランディングページ
  4. メタバースへの準備
  5. より深いコラボレーション
  6. 遊び心とノスタルジー
  7. 物語に触発されたタイポグラフィ