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

1. Thinking About The In-between Design Caseshttps://ishadeed.com/article/in-between/

レスポンシブウェブデザインにおいて，ウィンドウサイズが中途半端なときの「中間の」デザインが崩れたり見栄えが悪くなる問題について，よくある例を紹介するとともに解決法を提案しています。

タブレットサイズとモバイルサイズとの「中間の」横幅の場合に，メニューの項目の一部が改行されて下に行ったり，横幅いっぱいに広がったコンテンツが大きすぎたりするケースですね。

対策のため気をつける点として，以下の3つを挙げていました。

• 画面サイズによるブレイクポイントだけでなく，コンテンツによってのブレイクポイントを考える
• デザイナーと話す
• 最新CSSテクニック（CSSグリッド，Flexボックス，CSS比較関数）を使用する

また，この「中間の」問題を見つけるためにテストする方法も解説しています。

2. 6 web accessibility features that benefit more people than you think | Global Accessibility Awareness Day | The Big Hackhttps://bighack.org/6-web-accessibility-features-that-benefit-more-people-than-you-think-global-accessibility-awareness-day/

すべてのユーザーに役立つ6つのWebアクセシビリティ機能を紹介しています。

• コントラストのよい色の組み合わせ
• わかりやすいい言葉で書く
• ビデオのクローズドキャプション
• キーボードのみのナビゲーション
• 論理的な見出しの階層構造
• 大きなリンク，ボタン，コントロール

3. How to create neumorphism web components/elements with only CSS and HTML - Themesberghttps://themesberg.com/blog/tutorial/neomorphic-elements-css-html-tutorial

ニューモーフィズムのコンポーネント，エレメントをHTMLとCSSで実装するコーディング例を紹介した記事です。

最後に，ニューモーフィズムのコンポーネントが用意されたNeumorphism UIを無料で提供しています。そして，Neumorphism UI PROという有料版も提供していました。

4. 7 Examples of Scroll-Triggered Animations in Web Design - Onextrapixelhttps://onextrapixel.com/scroll-triggered-animations-web-design/

スクロールとともにアニメーションするウェブデザインの例を7つ紹介しています。

スペースを犠牲にすることなく，それほどコストをかけずに動きのあるサイトにできるので，このアプローチは人気があるとのことでした。

5. The Kawaiization of product design - DESK Magazinehttps://vanschneider.com/the-kawaiization-of-product-design

プロダクトデザインのカワイイ化（Kawaiization）について解説しています。

柔らかい色で，形は丸みを帯びていて，タイポグラフィは目立たない，親しみやすくカワイイスタイルのものを，この1，2年の間にブランドとプロダクトデザインでよく見かけるそうです。アプリデザインでの例を多数掲載しています。

カワイイを利用することで，ありふれたタスクや不快なタスクをより楽しくする効果があるとのことで，「⁠生産性ツールは，どうぶつの森のような見た目になり始めている」と世界的にヒットしている「あつまれ どうぶつの森」の名も出てきていました。

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

• Netflix，休眠アカウントに「支払い続けますか？ 退会しますか？」確認メール - ITmedia NEWS
  返事がなければ自動解約というところが気が利いています。全ユーザーの0.5％の「わずか数十万人」が対象とのこと
• 生産性プラットフォーム運営のNotionが個人向け無料アカウントの機能制限を大幅に解除 | TechCrunch Japan
  最近日本でも話題になることが増えたNotion，無料アカウントの制限が大幅に解除されました
• SHOWROOM，公式配信者向け有料ライブ配信機能「プレミアムライブ」提供 - 週刊アスキー
  これまでもギフティングの機能はありましたが，有料配信機の機能はなかったんですね

先週の気になるWebサービス

Walkie | Real time voice chat for your teamhttps://walkie.chat/

Walkieはチームで使うリアルタイムボイスチャットのサービスです。まだスタートしていないサービスなのですが，これからのリモートワーク時代に注目されると思います。

機能を音声チャットのみに絞っているのが特徴で，テキストチャットより感情や意思を伝えやすいと主張しています。グループのメンバーが常につながっている状態で，手軽に指定したメンバーとボイスメッセージでリアルタイムのやり取りができます。

ボイスメッセージが来ると自動で再生されますが，作業に集中したいときなどはオフにしておき，オンにしたときに録音を聞くこともできます。すべての音声は24時間保存されるとのこと。リモートワークでの同僚とのやり取りに良さそうな，企業向けのサービスだと思いました。