2021 in Numbers
2021 has been quite a busy year. Here are some numbers about bram.us, my online presence, work, and leisure time.
Category Archives: Original Content
Reverse-Scrolling Columns with CSS Scroll-Timeline
Recreating the “Alternate Column Scroll” demo using CSS @scroll-timeline
CSS in 2022
With 2021 coming to an end, let’s take a look at which CSS language features we can expect to land in browsers in 2022.
ESNext: Sort arrays using array.groupBy() and array.groupByToMap()
An ECMAScript Proposal that recently made it to Stage-3 is “array grouping”. It brings us array.groupBy() and array.groupByToMap() methods to easily group arrays.
The CSS :has() selector is way more than a “Parent Selector”
Safari TP 137 just dropped with unflagged support for :has(). Often dubbed “the parent selector”, :has() is way more than that …
Broken Hyphens in Chromium 96: An Explanation (and Fix)
In Chrome 96 some fonts render their hyphens as boxes. The fix will ship with Chrome 98, but in the meantime, we can use some CSS to fix it.
Embrace the Platform
Embrace the Platform — My submission for CSS-Tricks’s End of Year series, answering “What is the one thing people can do to make their website better?”
web.dev Community Highlight
As part of Designcember, Rachel Andrew is doing a round of interviews with “people who are doing interesting things in the community with CSS”. I was taken by surprise when Rachel mailed me some time ago, asking if she could ask me a few questions. The result is a Community Highlight on the web.dev website. …
CSS Custom Properties and !important
What happens when you set !important on a Custom Property? It’s not exactly what you think …
A first look at container-query-polyfill, a polyfill for CSS Container Queries
Surma has been working on container-query-polyfill, a lightweight polyfill for CSS Container Queries. Let’s take a look at how it works and how it differs from cqfill … What Unlike cqfill —which was covered here before— this Polyfill for Container Queries: Does not require you to declare a separate Custom Property –css-contain that duplicates the …
Continue reading “A first look at container-query-polyfill, a polyfill for CSS Container Queries”