タグ

CSSとバリデーションに関するs5otのブックマーク (1)

  • 改良中...心に優しいエラー表示を! - ザリガニが見ていた...。

    現状で、もしすべての行で検証エラーが発生したとすると、こんな感じになる...。 ずぶん派手に教えてくれる。何処がどんなエラーなのか明快と言えば明快なのだが...この表示、何度も見てると、なんだか気持ちを逆撫でされているようで、いつのまにか「言われなくても分かっとるわぃ!」とムキになってくるのだ。作っている人がそうなのだから、ユーザーがこのエラーを見たら、おそらく、やる気が失せるだろう...。もう少し、心に優しいエラー表示が必要だ。 配色 赤過ぎると挑発的な感じになってしまう。もう少しトーンを抑えた色にしてみる。 エラー時の背景色をピンクに変更した。 paddingを0にした。 控え目になるので、input、textarea、selectの背景色もピンクにしてみた。 /* スタイルシート: public/stylesheets/scaffold.css */ ...(中略)... marg

    改良中...心に優しいエラー表示を! - ザリガニが見ていた...。
  • 1