:user-valid & :user-invalid擬似クラスが来た！ - What's new in Browsers!

2023/11/08 17 users サイボウズ トピック フロントエンドエンジニア 検証 ブラウザ

What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるトピックを紹介するシリーズです。 今回はChrome 119の更新内容から気になるトピックとして、:user-valid擬似クラスと:user-invalid擬似クラスを紹介します。 ユーザーの操作後に検証が行えるようになった :user-valid... 続きを読む

Web制作者は要チェック！ Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能

2023/11/02 17 users 疑似クラス 新しいCSS 要チェック RCS WEB制作者

New in Chrome 119 Chrome 119 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 119で追加された4つの新しいCSSの機能 CSSの疑似クラス「:user-valid」「:user-invalid」 CSSの相対カラー構文(RCS) ... 続きを読む

:user-validと:user-invalid擬似クラス | フロントエンドBlog | ミツエーリンクス

2023/05/31 6 users ミツエーリンクス フロントエンドBlog

入力フォームがあるページの設計をする際はフロントエンドでもバリデーションを実装することが多くあります。代表的なバリデーションは例えば以下のようなものです。 必須の入力欄に値が入力されていなければエラーとする メールアドレス入力欄に入力された値がメールアドレス形式でなければエラーとする パスワードとし... 続きを読む