2022年3月第3週号　1位は，成功するフッターに必要な5つの要素，気になるネタは，アップルの新27インチStudio Displayはほぼ本体のないiMac

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

1. 5 Must-Have Elements of a Successful Footer in 2022 | Webdesigner Depot Webdesigner Depot » Blog Archive

https://www.webdesignerdepot.com/2022/03/5-must-have-elements-of-a-successful-footer-in-2022/

成功するフッターに必要な5つの要素を紹介しています。

  1. ロゴの追加
  2. コールトゥアクション（ボタンなどアクションを起こさせる要素）を含める
  3. 法的な通知（プライバシーポリシーや免責事項など）
  4. 有用なリンクだけを入れる
  5. 連絡先情報

フッターにサイトの全てのリンクを入れるケースも多いですが、この記事では慎重に選んだリンクだけ載せることを推奨しています。メインのナビゲーションには商品情報などセールスに関わるリンクを入れ、フッターのリンクには返品ポリシーなどの情報コンテンツを入れるのに適しているとのことでした。

図1　成功するフッターに必要な5つの要素

www.webdesignerdepot.com_2022_03_5-must-have-elements-of-a-successful-footer-in-2022_(Webテク通信).png

2. 10 Useful CSS Tricks for Front-end Developers - Stack Diary

https://stackdiary.com/useful-css-tricks/

便利なCSSのテクニックを10個まとめた記事です。ツールチップやアコーディオンなど、昔ならJavaScriptを使って動きを付けていたものを、CSSだけで実現するコーディング例がいろいろ載っています。

Web制作のベテランこそ知識がアップデートされてないことも多いので、今はこんなこともCSSだけでできるんだという発見があるかもしれません。

図2　便利なCSSのテクニック10個

stackdiary.com_useful-css-tricks_(Webテク通信).png