2021年7月第2週号

2021年7月第2週号　1位は，CSSグリッドを使って画像の上に文字やボタンを配置するテクニック，気になるネタは，GitHubがコーディングの提案を行う新しいAIツールをプレビュー

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

CSSグリッドを使って、画像の上に文字やボタンを配置するテクニックを解説しています。

以前よく使われていたposition:absoluteを使った絶対配置の手法に比べて、コードも少なく簡単に記述できて便利です。

以下の3つのパターンでのCSSグリッドでの記述方法を紹介しています。もちろんレスポンシブ対応です。

図1　CSSグリッドを使って画像の上に文字やボタンを配置するテクニック

UI／UXのちょっとしたテクニックをまとめています。