Vol.263
Recover from validation errors – GOV.UK Design System Jump to heading
バリデーションエラーからユーザーを復帰させる Jump to heading
この記事では、 ユーザーにバリデーションのフィードバックをどのように与えるか、エラーが発生した場合の原因、修正する方法をどのように伝えるのが良いのかを紹介する。
- どのようにエラーをユーザーに伝えるか
- いつエラーをユーザーに伝えるか
- クライアントサイドとサーバーサイドのバリデーション
- HTML5 validation はオフにする
Finding confidence in design decisions Jump to heading
決定に対して自信を持つ方法 Jump to heading
プロになる過程で、誰しもが"自信の問題"に直面する。この問題に対してどのように対処できるか。Lind 氏は重要なのは次の 2 つの点にあると言う。A. より多くのデータを収集する、B.より多くの経験をする。そしてそれを確実なものにするために、この両方を何度も何度も繰り返す必要があると話す。具体的なエピソードやハンズオンを交えながら、実際に自信をつけるための方法を紹介する。
Why I Don’t Use Classes Jump to heading
なぜ私が Class を使わないのか Jump to heading
Andy 氏は同僚のソースコードを見たときに、クラスの実装が少ないことに気づいた。そこからクラスを使わないことで得られるメリットがいくつかあることに気づき、それをこの記事にまとめている。
クラスを使用すると:
- 抽象化に悩む
- ひどいメソッド名を生む
- 肥大化するクラス
- 状態管理に悩む
その代わりに:
- 関数をグループ化し公開する方法をとる
A Few Background Patterns Sites | CSS-Tricks Jump to heading
CSS でパターン背景をひくのはよくある実装の一つ。この記事ではそのような CSS でパターン背景を実装する際の素材を提供してくれるサイトを紹介する
The problem with snackbars and what to use instead by Adam Silver | Designer, London, UK. Jump to heading
スナックバーと呼ばれる UI について、その問題点とそれの代わりにどのような UI を使用すればよいかについて紹介する
- 自動で消えてしまう
- キーボードから使うのが難しい
- 状態がコロコロ変わる
- 気が散ってしまう
- 小さくて見つけるのが難しい
- 他の UI に比べ、表示される場所が一定ではない
In Brief Jump to heading
Margin considered harmful: 再利用可能なコンポーネントと margin の関係について考察する
A Complete Guide to calc() in CSS | CSS-Tricks: CSS の
calc
の使い方について詳しく解説するError prevention in UX design: How Facebook and Gmail get it right - Usability Geek: ユーザーが誤った操作を行いためにデザインを改善する方法を Facebook や Gmail の事例を用いて紹介する
Why TypeScript enums suck - LogRocket Blog: TypeScript の列挙型についてその機能と、起こしてしまいがちな問題について紹介する
Why for…of Loop in JavaScript is a Gem: JavaScript の
for...of
のシンタックスがどういった場面で活用できるのか、その活用方法を紹介する