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

1. Developer Decisions For Building Flexible Components — Smashing Magazinehttps://www.smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/

柔軟なコンポーネントを作る方法を説明した記事です。シンプルなデザインとそれをコードにする最適な方法の決定プロセスを解説しています。

レイアウトのアクセシビリティや画像の縦横比、テキストの長さ、見出しの長さ、複数のリンク、ビデオコンテンツのアクセシビリティなど、いろいろなことを考慮してフレキシブルなコンポーネントを考えていくステップが参考になります。

2. Six web design trends creatives need to prepare for in 2022 | Creative Boomhttps://www.creativeboom.com/features/six-web-design-trends-to-expect-in-2022/

2022年に向けて準備しておく必要がある、Webデザインのトレンドを6つまとめた記事です。

それぞれの項目の例として取り上げているサイトもクオリティの高いものばかりです。

1. 楽しさと楽観主義
2. 心のこもったWebデザイン
3. 落ち着いたアースカラー
4. 3Dデザインとマルチメディア
5. スクロールでストーリーを見せる
6. 限界を超えたインタラクティブデザイン

3. 10 fundamental UI design principles you need to know | Dribbble Design Bloghttps://dribbble.com/stories/2021/09/07/10-fundamental-ui-design-principles-you-need-to-know

知っておきたいUIデザインの基本原則を10個まとめた記事です。

1. UIデザインをシンプルに保つ
2. 予測と先取り
3. ユーザーを運転席に座らせる
4. 系統的かつ一貫性を保つ
5. 必要のない複雑さは避ける
6. 明確な道しるべを提供する
7. 間違いに寛容であること
8. 適切なフィードバックを与える
9. 機能に優先順位をつける
10. アクセシビリティを考慮したUIの設計

4. 15 Great Chrome Extensions for Web Designers and Developershttps://www.awwwards.com/15-great-chrome-extensions-for-web-designers-and-developers.html

Webデザイナー、開発者のためのChrome拡張機能をまとめた記事です。サイトに使われているフォントを調べるもの、ページ内のSVGや画像を一括ダウンロードするものなど15個の拡張機能が掲載されています。

Webページをレイヤー分けされたFigmaデータに変換する拡張機能もありました。

5. Inspirational Websites Roundup #29 | Codropshttps://tympanus.net/codrops/2021/09/07/inspirational-websites-roundup-29/

インスピレーションを得られるWebサイトのコレクションです。実験的なレイアウトと遊び心のあるタイポグラフィを兼ね備えた楽しいサイトが多いようです。

ウクライナの独立30周年を祝うサイトも掲載されていました。かなりポップで幾何学的図形が多用されたサイトでした。

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

• ペイパル、後払い決済の「Paidy」を3000億円で買収--ペイディブランドは継続 - CNET Japan
  日本ではPayPayと間違われがちなPayPalですが、これで国内決済市場における存在感は増しそうです
• 必要なファイルが見つけられないストレスを軽減させるPlaybookの「デザイナー」向けクラウドストレージ | TechCrunch Japan
  Playbookは4TBの無料ストレージを提供しているそうです
• 17歳で開発、ディズニーも使うベクターデザインツール「Vectornator」が約22億円調達 | TechCrunch Japan
  えっ、ベクターグラフィックツールVectornatorを開発したとき17歳だったの！？

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

22 Best Typeform Alternatives In 2021 (Free & Paid)https://marketsplash.com/typeform-alternatives/

今回は、フォームサービスを多数まとめた記事を紹介します。Typeformの代替となるサービスという視点で、22個のサービスの機能や特徴を紹介しています。

各サービスについて、値段と無料プランのあるなし、テンプレート数などと特徴をまとめています。初心者でフォームビルダーをあまり使ったことのない人にはGoogleフォーム、Paperform、SurveySparrow、WPFormsから選ぶのが良いとのことです。そして、洗練されたサービスとしては、Paperform、Qualtrics、Involve.me、SurveyMonkey、Formstackがオススメとのことでした。

ちなみに同じ人が6ヶ月前に書いた「12 Best Google Forms Alternatives (Free & Paid)」という、ほぼ同じ内容の記事もありました。この作者はほかにも「Affinity Designer Vs Adobe Illustrator Vs Vectornator」「⁠12 Best Adobe Illustrator Alternatives」といった気になる記事を書いています。