Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

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

  • オブジェクト モデルの構築  |  Articles  |  web.dev

    オブジェクト モデルの構築 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 公開日: 2014 年 3 月 31 日 ブラウザでは、ページをレンダリングする前に、DOM ツリーおよび CSSOM ツリーを構築する必要があります。そのため、HTML と CSS の両方をできるだけ早くブラウザに配信する必要があります。 概要 バイト→文字→トークン→ノード→オブジェクトモデル。 HTML マークアップはドキュメント オブジェクト モデル（DOM）に変換され、CSS マークアップは CSS オブジェクト モデル（CSSOM）に変換されます。 DOM と CSSOM は独立したデータ構造です。 Chrome DevTools の [Performance] パネルでは、DOM と CSSOM の構築コストと処理コストをキャプチャして調査できます。 ドキュメント オ

    karumado
    karumado 2018/03/16
    これは勉強になりそう。
    リンク

  • レスポンシブ ウェブ デザインの基本  |  Articles  |  web.dev

    レスポンシブ ウェブ デザインの基本 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 インターネットでスマートフォンを使用するユーザーが増えるにつれ、ウェブデザイナーにとって、さまざまな画面サイズに対応したコンテンツをレイアウトすることがますます重要になっています。レスポンシブ ウェブデザインは、Ethan Marcotte が A List Apart で最初に定義したデザイン戦略で、使用しているデバイスに合わせてサイトのレイアウトを変更することで、ユーザーのニーズとデバイスの機能に対応します。たとえば、レスポンシブ サイトでは、スマートフォンではコンテンツを 1 列のビューで表示し、タブレットでは 2 列で表示し、パソコンでは 3 列または 4 列で表示できます。 画面が広くなると、ウィジェットの形状がそれに応じて変化します。 インターネット対応デバイ

    karumado
    karumado 2015/01/15
    “viewport”
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.