:user-valid & :user-invalid擬似クラスが来た！ - What's new in Browsers!
What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるトピックを紹介するシリーズです。 今回はChrome 119の更新内容から気になるトピックとして、:user-valid擬似クラスと:user-invalid擬似クラスを紹介します。 ユーザーの操作後に検証が行えるようになった :user-validと:user-invalidはどちらもフォームなどの入力要素の検証の状態に対してスタイルの指定などが行える疑似クラスになります。 検証の状態とは、例えば<input type="email" required />な要素では入力されていない場合やemailとして許容されない文字列が入力がされている場合はinvalidな状態になり、emailとして許容される文字列が入力されている場合にはvalidな状態となります。 :validと
JavaScript | ブラウザのズーム倍率をパーセント値で取得する方法 | 1 NOTES
JavaScriptでユーザーがブラウザの機能でズーム処理をした際にそのズーム値（ズームレベル）をパーセントの倍率で取得する方法を紹介しています。 一定の値以下または一定の値以上はズームさせたくない場合や、ズーム処理を取得したズーム値に合わせて別途実装する場合などに使えます。 スマートフォンのズーム操作にも別の処理で拒否していない限り対応しています。 ブラウザのズーム倍率で取得するブラウザのズーム倍率で取得する動作サンプルとそのJavaScriptコードになります。 このページを「Ctrl + マウスホイール」などで表示サイズを変更すれば、値が更新されます。 スマートフォンの場合も未確認ですが動いていると、思っています。 See the Pen JavaScript Canvas 2d animation by yochans (@yochans) on CodePen. サンプルでは取得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
