ルートとメタデータ(html, head, meta, OGP)

スポンサーリンク
HTML

【入門編】meta application-nameの用途 – HTML実践ガイド

Webサイトを「アプリ」に変える魔法のひとこと。『meta application-name』の秘密こんにちは!Web制作の世界へようこそ。HTMLを学び始めると、``タグの中に並ぶ不思議な呪文のようなコードたちに、「これって何のためにある...
HTML

【テクニカル・上級編】viewportの高度な設定(user-scalable等) – HTML実践ガイド

viewportの深淵:`user-scalable=no` という「悪魔の誘惑」と、モダンWebにおける最適解フロントエンドの世界において、`` はあまりに平凡で、誰もが一番最初にコピペする「おまじない」のような存在だ。しかし、Webアプ...
HTML

【実務・中級編】viewportの高度な設定(user-scalable等) – HTML実践ガイド

「とりあえずコピペ」から卒業する。Viewport制御の深淵と、UXを損なわないための最適解フロントエンドエンジニアとして数年現場を歩いていると、誰もが一度は「スマホでピンチズームができないようにしたい」「意図しないレイアウト崩れを防ぎたい...
HTML

【入門編】viewportの高度な設定(user-scalable等) – HTML実践ガイド

スマホで見ると文字が小さすぎる…!「viewport」を制して、Webサイトを思い通りに操ろうWebサイトを作っていて、「PCで見るとバッチリなのに、スマホで見るとやたら文字が小さかったり、画面がスカスカだったりする……」なんて経験、ありま...
HTML

【テクニカル・上級編】link rel=dns-prefetchによるDNS解決の高速化 – HTML実践ガイド

魔法の杖ではないDNS Prefetch:モダンWebにおける「先読み」の最適解と解像度フロントエンドの最適化において、私たちはしばしば「速さ」という抽象的な指標を追い求めます。しかし、ネットワークのレイテンシという物理的な壁を前にしたとき...
HTML

【実務・中級編】link rel=dns-prefetchによるDNS解決の高速化 – HTML実践ガイド

DNSルックアップの「待ち時間」を削り取れ:`dns-prefetch` を使いこなす現場の知恵フロントエンドのパフォーマンスチューニングにおいて、私たちはつい「JSのバンドルサイズ」や「画像フォーマット」といった目に見える改善に注力しがち...
HTML

【入門編】link rel=dns-prefetchによるDNS解決の高速化 – HTML実践ガイド

「あのサイト、表示が速い!」の秘密。`dns-prefetch`でWebサイトをスマートに高速化しようWebサイトを作っていると、「もっとサクサク動くようにしたい」「読み込みの待ち時間を減らしたい」という悩み、必ずぶつかりますよね。今日は、...
HTML

【テクニカル・上級編】link rel=preloadによるリソースの優先読み込み – HTML実践ガイド

プリロードの深淵:`link rel="preload"` でレンダリングのボトルネックを物理的に破壊するWebフロントエンドにおいて「パフォーマンス」という言葉は、しばしば「なんとなく速くする」という曖昧なニュアンスで語られがちです。しか...
HTML

【実務・中級編】link rel=preloadによるリソースの優先読み込み – HTML実践ガイド

レンダリングの「ボトルネック」を先回りして潰す:`rel="preload"` 実践ガイドWebサイトのパフォーマンスチューニングにおいて、多くのエンジニアが「画像圧縮」や「JSのバンドルサイズ削減」に血眼になります。もちろんそれらも重要で...
HTML

【入門編】link rel=preloadによるリソースの優先読み込み – HTML実践ガイド

「表示が遅い!」を解決する魔法の杖。`link rel="preload"` でリソースを賢く先取りしようWebサイトを作っていて、「あれ、画像や文字が少し遅れて表示されるな」と感じたことはありませんか? ブラウザは、Webサイトを表示する...
スポンサーリンク