タグ

ブックマーク / web.dev (2)

  • Sign-in form best practices  |  Articles  |  web.dev

    Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.

    sugumura
    sugumura 2022/02/08
  • オブジェクト モデルの構築  |  Articles  |  web.dev

    オブジェクト モデルの構築 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ブラウザはページをレンダリングする前に、DOM ツリーと CSSOM ツリーを構築する必要があります。そのため、できるだけ早く HTMLCSS の両方をブラウザに配信する必要があります。 まとめ バイト → 文字 → トークン → ノード → オブジェクト モデル。 HTML マークアップはドキュメント オブジェクト モデル(DOM)に変換され、CSS マークアップは CSS オブジェクト モデル(CSSOM)に変換されます。 DOM と CSSOM は、独立したデータ構造です。 Chrome DevTools の [Performance] パネルでは、DOM と CSSOM の構築と処理のコストを把握して検査できます。 ドキュメント オブジェクト モデル(DOM) <!D

  • 1