2022年4月第4週号　1位は，CSSでのセンタリングの実用ガイド，気になるネタは，Zoom、新しいホワイトボード機能「Zoom Whiteboard」を発表

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

1. A Practical Guide to Centering in CSS - Stack Diary

https://stackdiary.com/centering-in-css/

CSSでのセンタリングの実用ガイドです。テキスト、div要素を垂直方向や水平方向にセンター揃えする方法を紹介しています。

インライン要素とブロック要素（text-align）

• 固定幅のブロック要素を中央に配置
• インライン要素を固定幅で中央揃え

グリッドとフレックスボックス（現代的な方法）

• 垂直＆水平（ユニバーサルソリューション）
• Absoluteセンタリング（transform）

図1　CSSでのセンタリングの実用ガイド

2. 8 Awesome Animated Backgrounds Built with CSS & JavaScript

https://speckyboy.com/css-javascript-animated-backgrounds/

CSSとJavaScriptによる背景アニメーションの例を多数紹介しています。

グラデーションが動く背景、文字の中の模様が動く、図形が移動する背景など試してみたい効果がたくさんありました。

図2　CSSとJavaScriptによる背景アニメーションいろいろ

3. Typographic Scale Calculator - Pick the right font sizes