4 月にウェブ プラットフォームを初めて導入 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 安定版ブラウザのリリース 2024 年 4 月に、Firefox 125 と Chrome 124 が安定版になりました。この投稿では、ウェブ プラットフォームに追加された新機能を紹介します。 4 つの新機能がベースラインに導入 Firefox 125 では、新たに利用可能になったベースラインに 4 つの新機能が追加されました。Popover API、Intl.Segmenter、align-content（ブロック レイアウト用）、content-box 値と stroke-box 値（transform-box 用）。 Popover API Popover API を使用すると、さまざまな種類の非モーダル ポップアップを作成できます。これには、ツールチップ、

ベースライン 2023 年 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 caniuse.com にベースラインが登場します。この投稿では、このインテグレーションの概要と、2023 年に Baseline に追加されたいくつかの機能について説明します。 ベースラインの新しい定義では、機能のライフサイクルには 2 つのステージがあります。1 つ目は、リリースが開始されてから、30 か月後に一般公開された時点です。機能は、以下のブラウザで相互運用可能になると、新たにベースラインに組み込まれます。 Safari（macOS と iOS） Firefox（パソコンと Android） Chrome（パソコン、Android） Edge（デスクトップ） ベースラインは使用可能 機能の可用性を明確にするための次のステップとして、ベースラインは本日より [Can I

JavaScript のインポート地図がクロスブラウザでサポートされるようになりました。 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ES モジュールは、ウェブ アプリケーションに JavaScript コードを含めて再利用する最新の方法です。これらは最新のブラウザでサポートされており、従来の非モジュール式 JavaScript 開発アプローチに比べていくつかの利点があります。 ES モジュールを使用する最新の方法は、<script type="importmap"> タグを使用することです。このタグを使用すると、外部モジュール名とそれに対応する URL のマッピングを定義できます。これにより、コードに外部モジュールを組み込んで使用するのが容易になります。 <script type="importmap"> アプローチを使用するには、まずそれを HTM

Baseline 2023 Stay organized with collections Save and categorize content based on your preferences. Baseline is coming to caniuse.com! In this post learn about the integration, and also discover some of the features that became part of Baseline in 2023. With the new definition of Baseline, there are two stages in a feature's lifecycle. Firstly, when it becomes newly available, and then when it be

To test or not to test, a technical perspective Stay organized with collections Save and categorize content based on your preferences. The previous article covered the basics of test cases and what they should contain. This article delves deeper into the creation of test cases from a technical perspective, detailing what should be included in each test and what to avoid. Essentially, you'll learn

The origin private file system Stay organized with collections Save and categorize content based on your preferences. The File System Standard introduces an origin private file system (OPFS) as a storage endpoint private to the origin of the page and not visible to the user that provides optional access to a special kind of file that is highly optimized for performance. Browser support The origin

Baseline features you can use today Stay organized with collections Save and categorize content based on your preferences. The web is always evolving and browsers update constantly to give developers new tools to innovate on the platform. Things that previously required helper libraries become part of the web platform and supported on all browsers, along with shorter or easier ways to code design

Stay organized with collections Save and categorize content based on your preferences.

Stay organized with collections Save and categorize content based on your preferences.

Building a tooltip component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build a color-adaptive and accessible tooltip custom element. In this post I want to share my thoughts on how to build a color-adaptive and accessible <tool-tip> custom element. Try the demo and view the source! A tooltip is shown working across a va

When a browser parses a web page and begins to discover and download resources such as images, scripts, or CSS, it assigns them a fetch priority in an attempt to download resources in an optimal order. These priorities can depend on the kind of resource and where it is in the document. For example, in-viewport images may have a High priority while the priority for early loaded, render-blocking CSS

PatternsA collection of code snippets to help you optimize your web projects. Animation patternsA collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences.