2021年12月第3週号 1位は、ダークUIをデザインするためのベストプラクティス、気になるネタは、「Microsoft Edge」で「Google Chrome」を検索・ダウンロードしようとすると広告がうざいと話題に

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

ダークUIをデザインするためのベストプラクティスを解説した記事です。あくまでも白い背景に黒いテキストの方が読みやすいのを前提として、それでもダークUIを使えるケースでは選択肢にできるといったニュアンスでした。

ダークUIを使用しても問題がない場合

ダークUIを避けた方がよい場合

2022年に定着する5つのWebデザインのトレンドを紹介しています。

問題が発生するのを未然に防ぐためのCSSの記述例を多数紹介した記事です。

横並びのアイテムの数が増えたときや、見出しの文字数多くなった場合などに、レイアウトが崩れないようにする工夫を解説しています。特にFlexboxとCSS Gridでのテクニックは参考になると思います。

2021年のUXデザインのトレンドをまとめた記事です。

タブのHTML＆CSS＆JavaScriptのコードを多数紹介しています。JavaScriptは使っていないものもありました。

切り替わりのアニメーションに工夫のあるものなどが参考になりそうです。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

Metaのメタバースアプリ「Horizon Worlds」が一般提供に - CNET Japan
これまでプライベートベータ版だったのが、米国とカナダで提供開始されました
CTCエスピー、オンラインホワイトボードツール「Miro」の提供開始 | TECH+
伊藤忠テクノソリューションズのグループ会社がMiroの取り扱いを始めたそうです
Instagram、保護者による時間制限などを可能に - CNET Japan
ペアレンタルコントロール機能は2022年3月に提供開始とのことです

先週の気になるツール／サービス

Zen Flowchartはフローチャートを簡単に作れるサービスです。フローチャートだけに機能を絞ったMiroやWhimsicalのようなイメージです。

作ったフローチャートをリンクで共有したり、同時に複数人で編集できるなど、今どきのツールとしてのポイントは押さえています。シンプルで操作もわかりやすく、誰が使ってもキレイなフローチャートが作れそうです。

無料プランではドキュメントを3つまで作れます。書き出しはJPEGかPNGだけで、これは今のところプロプランでも同じようです。同時に複数人で編集できる機能は、月6.5ドルのプロプランでしか使えません。

Microsoft Edgeで「Google Chrome」を検索すると「新しいWebブラウザーをダウンロードする必要はありません」とメッセージが現れることが話題になっていました。Bing検索のときに表示されるプロモーション（広告）だそうです。

Windows 11ではファイルの種類およびプロトコル単位でアプリごとに既定値を設定する必要があり、デフォルトのブラウザをEdgeからほかのブラウザに変えるのも面倒になっているようです。EdgeとBingの利用率を上げようというMicrosoftの思惑が感じ取れます。

Macユーザーだとあまり馴染みのないBingですが、そういった理由で利用者が増えているかもしれないことを頭に入れておいた方が良さそうです。試しに久しぶりにBingで検索してみたところ、ブラウザをマイクロソフト製に切り替えることを促すポップアップが出てきました（Mac版のEdgeもあります⁠）⁠。