サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
掃除・片付け
web.dev
Three common types of test automation Stay organized with collections Save and categorize content based on your preferences. Let's start with the basics! Exploring the two general testing modes and three common types of test automation. We've all been there: what is a recurring coding meme that happens all too often in real life? This meme sums it up quite nicely: each drawer works perfectly well
New to the web platform in May Stay organized with collections Save and categorize content based on your preferences. Discover some of the interesting features that landed in stable and beta web browsers during May 2023. Stable browser releases In May 2023, Firefox 113, Chrome 113, Chrome 114, and Safari 16.5 became stable. Let's take a look at what this means for the web platform. WebGPU Chrome 1
Deploying AVIF for more responsive websites Stay organized with collections Save and categorize content based on your preferences. AVIF is a new image format that is quickly gaining popularity on the web because of its high compression rates, efficient performance, and broad adoption. AVIF is an open, royalty-free image format that is based on the AV1 video codec standardized by the Alliance for O
Baseline Stay organized with collections Save and categorize content based on your preferences. Web Platform Baseline brings clarity to information about browser support for web platform features. Web Platform Baseline gives you clear information about which web platform features are safe to use in your projects today. When reading an article, or choosing a library for your project, if the feature
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
Economic Times quest for fixing INP Stay organized with collections Save and categorize content based on your preferences. Bringing down TBT by 30 times and migrating to Next.js helped The Ecomonic Times reduce INP nearly four times, leading to a 50% decrease in bounce rate and 43% uplift in pageviews. Interaction to Next Paint (INP) is a metric that assesses a website's responsiveness to user inp
Advancing Interaction to Next Paint Stay organized with collections Save and categorize content based on your preferences. INP is no longer experimental. Learn about Chrome's plan to make it a Core Web Vital in 2024. Chrome's mission with the Web Vitals program is to help developers focus on the metrics that are essential to great user experiences—the Core Web Vitals. One important aspect of the u
Introducing Baseline Stay organized with collections Save and categorize content based on your preferences. At Google I/O 2023 we announced Baseline, learn more about this initiative and why we think it's important. Baseline helps you to see, at a glance, whether a feature or API is safe to use in your site or web applications. In this post, learn about the ideas that led to this concept, and how
Client-side rendering of HTML and interactivity Stay organized with collections Save and categorize content based on your preferences. Rendering HTML with JavaScript is different than rendering HTML that's sent by the server—and that can affect performance. Learn the difference in this guide, and what you can do to preserve your website's rendering performance—especially where interactions are con
Manually diagnose slow interactions in the lab Stay organized with collections Save and categorize content based on your preferences. Learn how to take your field data into the lab to reproduce and identify the causes behind slow interactions through manual testing. A challenging part of optimizing Interaction to Next Paint (INP) is figuring out what's causing poor INP. There's a large variety of
Using the Web Vitals extension to debug Core Web Vitals issues Stay organized with collections Save and categorize content based on your preferences. The Web Vitals extension now shows you more debugging information to help you identify the root causes of Core Web Vitals issues. The Web Vitals extension provides easy access to Core Web Vitals diagnostic information to help developers measure, and
Build in-browser WordPress experiences with WordPress Playground and WebAssembly Stay organized with collections Save and categorize content based on your preferences. When you first see WordPress Playground, it seems like an ordinary site–maybe except for the colorful background. It's anything but. What you're actually looking at is an entire WordPress tech stack, including PHP and a database, ru
PWAs in app stores Stay organized with collections Save and categorize content based on your preferences. PWAs can be accessed through a web browser, but they can also be installed on a user's home screen as outlined in the articles in the section Provide an installable experience. One of the challenges with PWAs, however, is distributing them to app stores. This is where PWABuilder comes in. PWAB
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
New to the web platform in March Stay organized with collections Save and categorize content based on your preferences. Discover some of the interesting features that landed in stable and beta web browsers during March 2023. Stable browser releases In March 2023, Firefox 111, Chrome 111, and Safari 16.4 became stable. Let's take a look at what this means for the web platform. Global HTML attribute
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
JavaScript import maps are now supported cross-browser Stay organized with collections Save and categorize content based on your preferences. ES modules are a modern way to include and reuse JavaScript code in web applications. They are supported by modern browsers and provide several benefits over older, non-modular approaches to JavaScript development. A modern way to use ES modules is with the
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
6 CSS snippets every front-end developer should know in 2023 Stay organized with collections Save and categorize content based on your preferences. I believe every front-end developer should know how to use container queries, create a scroll snap experience, avoid position: absolute with grid, swiftly hammer out a circle, use cascade layers, and reach more with less via logical properties. Here's
Trigonometric functions in CSS Stay organized with collections Save and categorize content based on your preferences. Trigonometric functions In CSS it's possible to write mathematical expressions. At the base sits the calc() function to do calculations, but most likely you've also heard of min(), max(), and clamp() as well. Joining these functions are the trigonometric functions sin(), cos(), tan
Stay organized with collections Save and categorize content based on your preferences.
All of Learn HTML! is available Stay organized with collections Save and categorize content based on your preferences. All modules in the Learn HTML course are now available. This course was written by Estelle Weyl and takes you through an in-depth journey to really understand HTML. You can read them in whatever order you'd like. The final modules, launched today, are: Forms Images Audio and video
Last baseline alignment Stay organized with collections Save and categorize content based on your preferences. All major browser engines now support last baseline alignment in CSS grid and flexbox. Alignment using the first and last keywords is now available in all major engines. This means that we can use last baseline alignment as another option when aligning groups of flex or grid items. First
Container queries land in stable browsers Stay organized with collections Save and categorize content based on your preferences. This Valentine's day, we're celebrating size container queries and container query units landing in all stable browsers. Container query love is in the air! This Valentine’s day, size container queries and container query units are stable in all modern browsers. With con
Interop 2023: continuing to improve the web for developers Stay organized with collections Save and categorize content based on your preferences. Again in 2023, all major browser vendors, and other stakeholders, work together to solve the top browsers compatibility issues. In 2023, all major browser vendors and other stakeholders are again working together to solve the top browser compatibility is
Learn Images! Stay organized with collections Save and categorize content based on your preferences. Today we have launched Learn Images! In our newest course learn about image formats, compression, responsive images, and performance. Today we are excited to share with you our latest course on web.dev. Learn Images is a new course written by Mat Marquis, and it's a deep dive into all you need to k
Time to First Byte (TTFB) is a foundational web performance metric that precedes every other meaningful user experience metric such as First Contentful Paint (FCP) and Largest Contentful Paint (LCP). This means that high TTFB values add time to the metrics that follow it. It's recommended that your server responds to navigation requests quickly enough so that the 75th percentile of users experienc
All modules in the Learn Accessibility course are now available. Written by Carie Fisher, these courses take you through the essentials for building accessible websites and web apps. You can read them in whatever order you'd like. The final modules on testing walk you through a culmination of all of your knowledge: Automated testing Manual accessibility testing Assistive technology testing The las
次のページ
このページを最初にブックマークしてみませんか?
『Home | web.dev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く