Speedy CSS Tip! Animated Gradient Text
Speedy CSS Tip! Animated Loader
Storage for the web
There are many different options for storing data in the browser. Which one is best for your needs?
Screensharing a browser tab in HTML5?
Streams — The definitive guide
The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired.
Deep-copying in JavaScript using structuredClone
For the longest time, you had to resort to workarounds and libraries to create a deep copy of a JavaScript value. The Platform now ships with `structuredClone()`, a built-in function for deep-copying.
Boldly link where no one has linked before: Text Fragments
Text Fragments let you specify a text snippet in the URL fragment. When navigating to a URL with such a text fragment, the browser can emphasize and/or bring it to the user's attention.
The amazing powers of CSS
Prevent DOM-based cross-site scripting vulnerabilities with Trusted Types
Introducing Trusted Types: a browser API to prevent DOM-based cross-site scripting in modern web applications.
The UI fund
Announcing the UI fund from Chrome, designed to provide grants for people who work on design tools, CSS, and HTML.
Understanding CSS filter effects
Make use of long-term caching
How webpack helps with asset caching
Introduction to variable fonts on the web
How variable fonts work, how typographers implement variable fonts, and how to work with variable fonts in CSS.
Virtualize large lists with the Angular CDK
Learn how to make large lists more responsive by implementing virtual scrolling with the Angular Component Dev Kit.
Virtualize large lists with react-window
react-window is a library that allows large lists to be rendered efficiently.
Virtual reality comes to the web
Virtual reality came to the web in Chrome 79. Based on the WebXR Devicer API, this launch is the foundation for both augmented and virtual reality. This article is the first in a series, exploring basic concepts and describing how to enter an XR session. Other browsers will soon be supporting the WebXR Device API, including Firefox Reality, Oculus Browser, Edge and Magic Leap's Helio browser, amon
Virtual reality comes to the web, part II
Virtual reality came to the web in Chrome 79. Based on the WebXR Device API, this launch is the foundation for both augmented and virtual reality. This article is the second in a series, focusing on the frame loop, the part of an XR session where images are shown to a viewer. Other browsers will soon be supporting the WebXR Device API, including Firefox Reality, Oculus Browser, Edge and Magic Leap
Extending the browser with WebAssembly
WebAssembly lets us extend the browser with new features. This article shows how to port the AV1 video decoder and play AV1 video in any modern browser.
Web Components v1 - the next generation
Web Components are gaining cross-browser support, the community is growing in leaps and bounds, and there’s a brand-new Web Component catalog to find exactly the component you need.
HTML's New Template Tag
Typed arrays - Binary data in the browser
Webpack
Bundling for modern web applications
Webpack conclusion
Summing up Webpack
Building the main navigation for a website
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
Welcome to the immersive web
The immersive web means virtual world experiences hosted through the browser. This entire virtual reality experiences surfaced in the browser or in VR enabled headsets.
What is mixed content?
Mixed content occurs when initial HTML is loaded over a secure HTTPS connection, but other resources are loaded over an insecure HTTP connection.
Why you need "cross-origin isolated" for powerful features
Some web APIs increase the risk of side-channel attacks. Learn why you should mitigate risk with the browser isolated environment, cross-origin isolated.
Build in-browser WordPress experiences with WordPress Playground and WebAssembly
The full WordPress powered by PHP running solely in the browser with WebAssembly
The align-content property for block layouts is now part of Baseline | Blog
The CSS align-content property for block layout is now part of Baseline Newly available.
@property: Next-gen CSS variables now with universal browser support | Blog
Semantic custom properties with @property just reached Baseline Newly available.
Baseline for CSS properties now in Chrome DevTools | Blog
Baseline information is now available for CSS properties in the Elements panel of Chrome DevTools!
Baseline integration with RUM Archive and RUMvision | Blog
Learn how many of your users have browser versions included in your selected version of Baseline.
CSS scrollbar-gutter and scrollbar-width are Baseline Newly available | Articles
CSS scrollbar-gutter and scrollbar-width have landed in all major browser engines, making it Baseline Newly available.
New CSS color spaces and functions in all major engines | Blog
Start using HD color to bring vibrancy to your designs.
Compat 2021: Eliminating five top compatibility pain points on the web | Blog
Learn more about how Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers: CSS flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.
The CSS content-visibility property is now Baseline Newly available
The CSS content-visibility property is now Baseline Newly available.
CSS nesting improves with CSSNestedDeclarations | Articles
CSS nesting is getting a whole lot better!
The CSS stepped value math functions are now in Baseline 2024 | Blog
The CSS math functions rem(), mod(), and round() are now interoperable.
Support for CSS and Baseline has shipped in ESLint | Blog
You can now use ESLint to lint CSS and enforce usage of Baseline CSS features in your project! Learn more in this blog post.
Chromium lands Flexbox gap | Blog
The CSS `gap` property is here for Chromium's CSS Flexbox and Multi-Column layout engines.
CSS font-size-adjust is now in Baseline | Blog
Improve the legibility of text when using fallback fonts.
How to use container queries now | Blog
A step-by-step guide showing how to use container queries with cross-browser fallbacks.
JavaScript import maps are now supported cross-browser | Blog
Interop 2022: browsers working together to improve the web for developers | Blog
Learn more about how all browser vendors, and other stakeholders, have come together to solve the top browsers compatibility issues identified by web developers. Interop 2022 will improve the experience of developing for the web in 15 key areas.
Interop 2023: continuing to improve the web for developers | Blog
Learn more about how all browser vendors, and other stakeholders, have come together to solve the top browsers compatibility issues identified by web developers. Interop 2023 will improve the experience of developing for the web across a number of key areas.
Interop 2024 | Blog
Again in 2024, all major browser vendors, and other stakeholders, work together to solve the top browsers compatibility issues.
Interop 2024 mid-year update | Blog
An update on the progress of Interop 2024, as browser vendors work together to make the web more interoperable.
The Intl.Segmenter object is now part of Baseline | Blog
The JavaScript Intl.Segmenter object is now interoperable, enabling locale-sensitive text segmentation.
Introducing Learn JavaScript | Blog
Today we are launching Learn JavaScript-a detailed course on modern JavaScript.
Introducing 1.1 | Blog
3D models are more relevant than ever. Retailers bring in-store shopping experiences to customers' homes. Museums let anyone see artifacts from anywhere. 3D is difficult to do without a deep knowledge of 3D technologies or third-party hosting. 1.1 makes these tasks as easy as writing HTML.
Making JavaScript and Google Search work together | Blog
We introduced a new Googlebot at Google I/O and took the opportunity to discuss improvements and best practices for making JavaScript web apps work well with Google Search.
JSON module scripts are now Baseline Newly available | Blog
Thanks to JSON module scripts and import attributes, you can now directly import JSON in JavaScript modules. Both features are now Baseline Newly available.
Last baseline alignment | Blog
All major browser engines now support last baseline alignment in CSS grid and flexbox.
A refresh of Learn CSS with nine new modules | Blog
Our popular Learn CSS course has been updated with new modules covering the latest CSS features.
All of Learn HTML! is available | Blog
We launched the final modules for Learn HTML. This means you can take this course from start to finish or in any order you choose.
Next-generation web styling | Blog
Get up to date on some of the exciting new CSS features that are already supported in modern browsers—or soon will be!
Popover API lands in Baseline | Blog
The popover API lands in all modern browser engines.
Promise.try is now Baseline Newly available
Promise.try has now landed in all major browser engines, making it Baseline Newly available.
