ウェブ プラットフォーム ダッシュボードのお知らせ | Blog | web.dev
ウェブ プラットフォーム ダッシュボードのお知らせ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 本日の Google I/O で発表されたウェブ プラットフォーム ダッシュボードは、今回初めて、ウェブ プラットフォーム全体を一連の機能としてマッピングし、各ブラウザでのサポート状況を確認できるようになります。 ダッシュボードは、MDN の使用可否やブラウザの互換性データに代わるものではありません。デベロッパーの日常生活においては、こうした場所ほど有用性が低くなるでしょう。しかし、この方法でプラットフォームを表示すると、いくつかの興味深い可能性が生まれます。 ベースラインの把握 ダッシュボードの用途の 1 つは、特定の年に含まれるすべての情報を確認することです。たとえば、ベースライン 2023 の内容などです。これは、プラットフォームの最新情報を把握するの
テストの学習へようこそ！ | web.dev
テストの学習へようこそ！ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このコースでは、ウェブ用のテストの概要と探索について説明します。 このコースで学習する内容は次のとおりです。 テストの基礎 自動テストと手動テスト テストを実施する場所と方法 ベスト プラクティス 何をテストすべきか、誰に責任があるのか、目的そのものとしてではなく、目的を達成するために手段をテストすることを検討する方法など、テストの理念。 このコースには、学習に役立つ簡潔で実用的なサンプルコードも含まれています。 コースのスコープには、Node.js などの環境で実行される、フロントエンドの JavaScript とドキュメント モデル、バックエンドでのライブラリ テストが含まれます。テストの経験はありませんが、JavaScript の基礎知識と Node.js などに関する経験が必
すべてのフロントエンド デベロッパーが知っておくべき 5 つの CSS スニペット（2024 年） | Articles | web.dev
すべてのフロントエンド デベロッパーが知っておくべき 5 つの CSS スニペット（2024 年） コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 すべてのフロントエンド デベロッパーは、:has() が「親セレクタ」以上のものであること、subgrid の仕組みと理由、組み込みの CSS 構文でネストする方法、ブラウザで見出しテキストの折り返しのバランスを取る方法、コンテナクエリ ユニットの使用方法について知っておくべきだと思います。 この投稿は、すべてのフロントエンド デベロッパーが知っておくべき昨年 2023 年の 6 つの CSS スニペットの続きです。 CSS:has(.potential-beyond-being-a-parent-selector) :has() は 2023 年末に、すべての主要なブラウザでリリースされました。この新しいセレ
To test or not to test, a technical perspective | Articles | web.dev
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
What are source maps? | Articles | web.dev
What are source maps? Stay organized with collections Save and categorize content based on your preferences. Today, we are talking about source maps, a crucial tool in modern web development that makes debugging significantly easier. In this article, we will explore the basics of source maps, how they are generated, and how they improve the debugging experience. The need for source maps Back in th
Push notifications are now supported cross-browser | Blog | web.dev
Push notifications are now supported cross-browser Stay organized with collections Save and categorize content based on your preferences. Push notifications were standardized in 2016 with the release of the Push API and the Notification API, which are part of the W3C's Web Applications Working Group. These APIs provide the necessary functionality for web developers to incorporate push notification
Optimize long tasks | Articles | web.dev
Optimize long tasks Stay organized with collections Save and categorize content based on your preferences. Commonly available advice for making your JavaScript apps faster often includes "Don't block the main thread" and "Break up your long tasks." This page breaks down what that advice means, and why optimizing tasks in JavaScript is important. What is a task? A task is any discrete piece of work
The end of Internet Explorer | Articles | web.dev
The end of Internet Explorer Stay organized with collections Save and categorize content based on your preferences. What ending support for Internet Explorer meant for the customers and developers at Maersk.com. I'm Steve Workman and I'm the Lead Engineer for Maersk.com. Maersk is the global leader in integrated supply chain logistics, helping customers to move goods around the world for 118 years
State of CSS 2022 | Blog | web.dev
Browser compatibility A primary reason so many CSS features are set to cooperatively release is due to the efforts of Interop 2022. Before studying the Interop efforts, it's important to look at Compat 2021’s efforts. Compat 2021 The goals for 2021, driven by developer feedback via surveys, were to stabilize current features, improve the test suite and increase passing scores of browsers for five
Google I/O 2022: That's a wrap! | Blog | web.dev
Google I/O 2022: That's a wrap! Stay organized with collections Save and categorize content based on your preferences. At Google IO 2022 we shared updates on our progress to help create a web that is instant, and connects people, no matter their device or bandwidth. A powerful platform that delivers experiences that we once never thought possible in a browser. And one that people can trust to keep
Building an adaptive favicon | Articles | web.dev
Building an adaptive favicon Stay organized with collections Save and categorize content based on your preferences. In this post I want to share thinking on how to build an adaptive favicon with SVG. Try the demo. Browser tabs shown adapting to MacOS system light and dark theme changes. Try the Demo If you prefer video, here's a YouTube version of this post: Overview A custom favicon is a great wa
JavaScript eventing deep dive | Articles | web.dev
JavaScript eventing deep dive Stay organized with collections Save and categorize content based on your preferences. preventDefault and stopPropagation: when to use which and what exactly each method does. Event.stopPropagation() and Event.preventDefault() JavaScript event handling is often straightforward. This is especially true when dealing with a simple (relatively flat) HTML structure. Things
Building multiple Progressive Web Apps on the same domain | Articles | web.dev
Building multiple Progressive Web Apps on the same domain Stay organized with collections Save and categorize content based on your preferences. How to build multiple PWAs, taking advantage of the same domain name, to make the user aware that they belong to the same organization or service. In the Progressive Web Apps in multi-origin sites blog post, Demian discussed the challenges that sites buil
Migrate to User-Agent Client Hints | Articles | web.dev
Migrate to User-Agent Client Hints Stay organized with collections Save and categorize content based on your preferences. Strategies to migrate your site from relying on the user-agent string to the new User-Agent Client Hints. The User-Agent string is a significant passive fingerprinting surface in browsers, as well as being difficult to process. However, there are all kinds of valid reasons for
The new responsive: Web design in a component-driven world | Articles | web.dev
The new responsive: Web design in a component-driven world Stay organized with collections Save and categorize content based on your preferences. Responsive Design Today Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size. But soon, this perception o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The align-content property for block layouts is now part of Baseline | Blog | web.dev
New patterns for media apps
Patterns
Improve security and privacy by updating HTTP Cache | Articles | web.dev
Learn CSS | web.dev