タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

HTMLとChromeとarticleに関するefclのブックマーク (6)

  • Declarative partial updates  |  Blog  |  Chrome for Developers

    Published: May 19, 2026 The web has long since moved on from the static, document-driven medium that it started as. Modern, rich web apps are used by everyone for many reasons, from communicating, purchasing, consuming rich content, to managing our complex lives. HTML, despite all its advances, is still delivered in-order in a top-to-bottom fashion with little regard for when content is ready or w

    Declarative partial updates  |  Blog  |  Chrome for Developers
    efcl
    efcl 2026/06/07
    HTMLを宣言的に部分更新するためのAPIとして提案中の`<template for>`について。 `<template>`要素と`<?marker>`などの処理命令プレースホルダーを使い、ドキュメント内の順序に依存せずコンテンツを配信するOut-of-order streamingについて
  • <geolocation> HTML 要素の導入  |  Blog  |  Chrome for Developers

    公開日: 2026 年 1 月 13 日 Chrome 144 以降では、新しい <geolocation> HTML 要素を使用できます。この要素は、サイトがユーザーの位置情報をリクエストする方法の大きな変化を表しています。スクリプトでトリガーされる権限プロンプトから、宣言的でユーザー アクション指向のエクスペリエンスに移行します。これにより、権限の状態とエラーの処理に必要なボイラープレート コードが削減され、ユーザーの意図をより強く示すシグナルが提供されるため、ブラウザの介入(サイレント ブロックなど)を回避できます。 このリリースは、広範な実環境でのテストと、ウェブ標準コミュニティとの厳格な議論の結果です。この要素の有用性を理解するには、その開発の経緯と、その設計を推進したデータを検証することが重要です。 汎用 <permission> から特定の <geolocation> <ge

    <geolocation> HTML 要素の導入  |  Blog  |  Chrome for Developers
    efcl
    efcl 2026/01/18
    Chrome 144で追加された`<geolocation>` HTML要素について。 従来のGeolocation JavaScript APIは命令的なアプローチだったが、`<geolocation>`要素は宣言的なアプローチで位置情報の取得と権限リクエストを行う。 HTMLタグを追加して`onlocation`
  • Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers

    Styling form controls like the <select> element has been reported as a top developer pain point for years, and we've been working on a solution. While this work is complex and has taken a long time to get right, we're getting very close to landing this feature. A customizable version of the select element is officially in Stage 2 in the WHATWG, with strong cross-browser interest and a prototype fo

    Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers
    efcl
    efcl 2024/09/23
    Chrome Canary 130で実験的な機能として利用できるselect要素のカスタマイズについて。 CSSの`::picker(select)`でselect要素の見た目を変更できる。
  • Browser-level image lazy loading for the web  |  Articles  |  web.dev

    You can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. Here's a demo of the feature: Lazy-loaded images load as the user scrolls through the page. This page walks through the details of implementing lazy-loading in the browser. Why browser-level lazy loading? According to the HTTP Archive, images are the most-r

    Browser-level image lazy loading for the web  |  Articles  |  web.dev
    efcl
    efcl 2019/08/10
    `<img>`や`<iframe>`の`loading`属性での遅延ロードについて。 `loading`属性のFeature Detect、Polyfill、Chrome for AndroidのLite mode(Data Saver)の対応についてなど
  • Native image lazy-loading for the web!

    April 6, 2019 In this post, we’ll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here’s a sneak preview of it in action: <img src="celebration.jpg" loading="lazy" alt="..." /> <iframe src="video-player.html" loading="lazy"></iframe> We are hoping to ship support for loading in ~Chrome 75 and are working on a deep-dive of the feat

    Native image lazy-loading for the web!
    efcl
    efcl 2019/04/30
    画像やiframeの遅延ロードなどを行う`loading`属性について。 属性値として`lazy`、`eager`、`auto`が設定できることやFeature Detection、Fallbackの書き方についてなど
  • Prevent DOM-based cross-site scripting vulnerabilities with Trusted Types  |  Articles  |  web.dev

    DOM-based cross-site scripting (DOM XSS) happens when data from a user-controlled source (like a username, or a redirect URL taken from the URL fragment) reaches a sink, which is a function like eval() or a property setter like .innerHTML that can execute arbitrary JavaScript code. DOM XSS is one of the most common web security vulnerabilities, and it's common for dev teams to accidentally introdu

    efcl
    efcl 2019/02/16
    Chrome 73でTrusted Typesがフラグ付きで実装され、76までOrigin Trialとして試せる。 TrustTypesはXSSのsinkとなる部分をポリシーでチェックする。 ポリシーに一致しない場合はエラーに落とすことで回避するAPIと仕組み
  • 1