2022年2月第4週号 1位は,フォームの種類8つとそれをデザインするためのヒント,気になるネタは,ソニー、穴のあいた完全ワイヤレスイヤホン「LinkBuds」--聴きながら聞こえる体験へ

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

1. Forms for the Win: 8 Types of Forms You Should Know How to Design | Design Shack

https://designshack.net/articles/graphics/types-of-forms-you-should-know-how-to-design/

フォームの種類8つとそれをデザインするためのヒントを紹介しています。

  1. お問い合わせフォーム
  2. メールサインアップフォーム
  3. Eコマースフォーム
  4. 調査/フィードバックフォーム
  5. アカウントのサインアップ/ログイン
  6. 求人募集フォーム
  7. サポート/ヘルプリクエストフォーム
  8. 寄付フォーム

図1 8つのフォームの種類とデザインするためのヒント

designshack.net_articles_graphics_types-of-forms-you-should-know-how-to-design_(Webテク通信).png

2. An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks - CSS-Tricks

https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/

CSSグリッドでレスポンシブなタイルレイアウトを作るテクニックを紹介しています。最大のカラム数と最小のサイズを指定することで、領域の幅に合わせて自動でレイアウトされます。

横に並ぶセルの最大数と、セルの幅がどこまで狭くなるかの最小値、そして隙間の大きさを指定するだけなので、いろいろ応用できて便利だと思います。