How a hospitality startup built an Android app that relies on web content to dramatically increase user engagement and keep file size low. | Continue reading
How the AirSHIFT team used table virtualization, RUM data, lazy loading, web workers, performance budgets, and hackathons to optimize their React app's runtime performance. | Continue reading
The Shape Detection API detects faces, barcodes, and text in images. | Continue reading
Virtual reality has come to the web in Chrome 79. Based on the WebXR Device API, this launch is the foundation for immersive features to come later such as augmented reality. Other browsers will be supporting these specs soon, including Firefox Reality, Oculus Browser, Edge and M … | Continue reading
With the introduction of the new SameSite=None attribute value, sites can now explicitly mark their cookies for cross-site usage. Browsers are moving to make cookies without a SameSite attribute act as first-party by default, a safer and more privacy preserving option than the cu … | Continue reading
Understand the value of fast ads and how to think about ad speed. | Continue reading
Finding, memorizing, and typing OTPs sent via SMS is cumbersome. The SMS Receiver API simplifies the OTP workflow for users. | Continue reading
Learn about new and exciting possibilities for preloading responsive images to ensure great user experience. | Continue reading
Instructions on how to optimize images with Thumbor. Thumbor is an open-source image CDN and can be used for free to resize, compress, and transform images. | Continue reading
Though useful, CSS variables are hard to work with because they can take any value and be overridden and you can’t use transitions with them. CSS Properties and Values API Level 1 overcomes these issues. | Continue reading
Learn about rel=prefetch resource hint and how to use it. | Continue reading
Research shows that web video lead to higher engagement and sales. Even if you haven't added video to your sites yet, it's just a matter of time until you do. | Continue reading
The Web platform is very mature for game development nowadays. The key to building a modern web game is embracing the best practices of game design and monetization. This post provides provides guidance towards this goal. | Continue reading
Multi-origin architectures presents many challenges when building PWAs. Explore the good and bad uses of multiple origins, and some workarounds to build PWAs in multi-origin sites. | Continue reading
Instructions on how to install Thumbor. Thumbor is an open-source image CDN and can be used for free to resize, compress, and transform images. | Continue reading
Use the Largest Contentful Paint API to optimize for faster page loads. | Continue reading
This post covers the loading attribute and how it can be used to control the loading of images and iframes. | Continue reading
Learn how to add background effects like blurring and transparency to UI elements on the web using the CSS backdrop-filter property. | Continue reading
stale-while-revalidate helps developers balance between immediacy—loading cached content right away—and freshness—ensuring updates to the cached content are used in the future. | Continue reading
Code-splitting allows you to speed up your applications, but it may slow down subsequent navigation. Predictive prefetching is an efficient way to use data analytics to smartly prefetch what the user is likely to use next, optimizing network utilization. | Continue reading
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to ov … | Continue reading
react-window is a library that allows large lists to be rendered efficiently. | Continue reading
Search for just about any topic on Google, and you're presented with a page of meaningful, relevant results. What you probably didn't realize is that this search results page may be served by a powerful piece of web technology called a service worker. | Continue reading
Improving cross-browser access to Google Earth with WebAssembly | Continue reading
Search for just about any topic on Google, and you're presented with a page of meaningful, relevant results. What you probably didn't realize is that this search results page may be served by a powerful piece of web technology called a service worker. | Continue reading
Improving cross-browser access to Google Earth with WebAssembly | Continue reading
This post introduces the Layout Instability API, its key concepts, and explains how to use the API and provide feedback | Continue reading
Portals help keep your front-end simple while allowing seamless navigations with custom transitions. In this article, get hands-on experience using Portals to improve user experience across your site. | Continue reading
Let's build the future of the web. With actionable guidance and analysis, web.dev helps developers like you learn and apply the web's modern capabilities to your own sites and apps. | Continue reading
Let's build the future of the web. With actionable guidance and analysis, web.dev helps developers like you learn and apply the web's modern capabilities to your own sites and apps. | Continue reading