2021年8月第1週号　1位は，UI／UXのちょっとしたテクニックいろいろ，気になるネタは，ザッカーバーグ氏は110兆円規模のフェイスブックを「メタバース」企業にすると投資家に語る

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

1. UI & UX Micro-Tips: Volume Eight. | Marc Andrew

https://marcandrew.me/ui-ux-micro-tips-volume-eight/

UI／UXのちょっとしたテクニックをまとめています。シリーズ第8弾です。

  1. メッセージの文章は、アクションじゃなくゴールから始める
  2. 影は、一つの光源からできているようにデザインする
  3. ホワイトスペースを使って、視覚的な階層をより明確にする
  4. 本文に適切な行の長さにすることで、読みやすさを向上させる
  5. なにもない状態でもユーザーにヒントを与えて、最初の行動を促す
  6. 最適な読みやすさのために、書体のx-heightに基づいた行間を設定する

図1　UI／UXのちょっとしたテクニックいろいろ

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/faed13ef-ebbb-48fe-b7d4-57c736639dbe/marcandrew.me_ui-ux-micro-tips-volume-eight_(webtech_cap).png

2. 6 useful frontend techniques that you may not know about - DEV Community

https://dev.to/ra1nbow1/6-useful-frontend-techniques-that-you-may-not-know-about-47hd

意外と簡単なコードで実現できるHTML、CSS、JavaScriptのテクニックを6つ紹介しています。

スマートフォン向けの、バイブレーションを有効にする方法、画面を引っ張ってリロードする「Pull to refresh」を無効にする方法などもありました。

図2　フロントエンドのテクニック6つ

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/23b24c03-7336-4094-a99e-00f6d8b90077/dev.to_ra1nbow1_6-useful-frontend-techniques-that-you-may-not-know-about-47hd(webtech_cap).png