Community highlight: Lynn Fisher
Lynn Fisher is an American artist known for her many creative projects and yearly portfolio refresh.
CSS
Our latest news, updates, and stories about CSS.
Building Designcember
A peek into the process and tools used to build the holiday-calendar-style experience of Designcember.
Designcember Calculator
A skeuomorphic attempt at recreating a solar calculator on the web with the Window Controls Overlay API and the Ambient Light Sensor API.
Community highlight: Miriam Suzanne
Miriam Suzanne is an author, artist, and web developer in Denver, Colorado, and is currently working on exciting CSS specs like Container Queries and Cascade Layers.
How Terra improved user engagement thanks to Dark Mode
By displaying a dark theme to users that prefer dark mode on their devices, Terra reduced the bounce rate by 60% and increased the pages read per session by 170%.
State of CSS 2021
A look at some of the results from the State of CSS survey.
Compat 2021 Holiday Update: presents for developers before the end of the year
End of the year update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.
Community highlight: Chen Hui Jing
Chen Hui Jing is a self-taught designer and developer living in Singapore, I talked to her about CSS, and in particular non-English writing systems.
Building a toast component
A foundational overview of how to build an adaptive and accessible toast component.
The UI fund
Announcing the UI fund from Chrome, designed to provide grants for people who work on design tools, CSS, and HTML.
Community highlight: Bramus Van Damme
Bramus Van Damme is a web developer from Belgium. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since. I caught up with him to learn about his journey in web development, and to find out what he thinks is exciting in CSS today.
Building a 3D game menu component
A foundational overview of how to build a responsive, adaptive, and accessible 3D game menu.
Building a multi-select component
A foundational overview of how to build a responsive, adaptive, and accessible, multiselect component for sort and filter user experiences.
Building a split-button component
A foundational overview of how to build an accessible split-button component.
Using CSS Module Scripts to import stylesheets
Learn how to use CSS module scripts to import CSS stylesheets using the same syntax as JavaScript modules.
CSS `accent-color`
Bring your brand color to built-in HTML form inputs with one line of code.
Building a switch component
A foundational overview of how to build a responsive and accessible switch component.
User preference media features client hints headers
The `Sec-CH-Prefers-Color-Scheme` client hint header allows sites to obtain the user's color scheme preferences optionally at request time, allowing servers to inline the right CSS and therefore avoid a flash of incorrect color theme.
2021 Scroll Survey Report
Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web.
Compat 2021 mid-year update: Flex gap everywhere
Mid-year update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.
Building a breadcrumbs component
A foundational overview of how to build a responsive and accessible breadcrumbs component for users to navigate your site.
Building a color scheme
A foundational overview of how to establish a dynamic and configurable color scheme
CSS `size-adjust` for `@font-face`
As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts
CSS for Web Vitals
CSS-related techniques for optimizing Web Vitals
