iiinova — where your digital self keeps evolving

Reposted by @bfgeek.bsky.social

Rick Byers @rbyers.net · 21/09/2026

Happy 25th birthday @igalia.com. I am so inspired by the lasting value you have contributed to the web and society at large, and even moreso by your unwavering values in implementing that work. Here's to the next 25 years indeed! www.igalia.com/2026/09/21/T...

igalia.com

Twenty-Five Years Upstream | Igalia

Igalia is an open source consulting firm specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers an...

1245

bfgeek.bsky.social @bfgeek.bsky.social · 19/07/2026

I've have many conversations with people about what product quality actually is. I've found its one of the most poorly understood concepts in engineering. I finally took the time to write it up. bfgeek.com/product-qual... Let me know what you think!

bfgeek.com

What is Product Quality?

272

Reposted by @bfgeek.bsky.social

Joey Arhar @josepharhar.bsky.social · 14/07/2026

Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)

2211623

bfgeek.bsky.social @bfgeek.bsky.social · 29/06/2026

I gained internet points! calc-size() is very powerful, I'm glad it turned out as well as it did. (there is an alternate universe where CSS never had min-width, etc - and instead one would write: width: calc-size(auto, clamp(100px, size, 300px)); which is verbose but interesting to think about).

0151

bfgeek.bsky.social @bfgeek.bsky.social · 05/06/2026

I'm personally seeing this for Chromium as well. External PRs previously indicated non-trivial effort, and time invested in reviewing would often lead to higher quality PRs in the future. Now this is less true, review load has increased, but the chance of these PRs being accepted has decreased.

1161

Reposted by @bfgeek.bsky.social

Brian Kardell @bkardell.com · 26/05/2026

New on the blog - Some (suprisingly fun) history of a CSS problem and a resolution that my colleague @andreubotella.com has been working on @igalia.com - we could use your help testing! bkardell.com/blog/GetClam...

bkardell.com

Get Clamped: Unwinding Some Difficult CSS History

Sometimes features take a long and winding road on the way to a good solution. We could use your help testing improvements for something that's been somehow developing for about a

12413

Reposted by @bfgeek.bsky.social

Brecht De Ruyte @utilitybend.com · 21/05/2026

🚀 New article on gap decorations (coming soon) in CSS. I have a small obsession with clean layout lines, and this is the first time it feels easy to draw them without polluting the markup. Goes through the new properties, a playground, and some experiments... 👾 utilitybend.com/blog/css-is-...

utilitybend.com

CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend

A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.

45713

Reposted by @bfgeek.bsky.social

Kevin Babbitt @kevinbcmu.bsky.social · 15/05/2026

CSS Gap Decorations is shipping in Edge and Chrome 149! Really proud of all the work the team did to solve this longstanding web developer ask. developer.chrome.com/blog/gap-dec...

developer.chrome.com

Gap decorations: Now available in Chromium | Blog | Chrome for Developers

A new way to style gaps in CSS from Chrome and Edge 149.

2294

bfgeek.bsky.social @bfgeek.bsky.social · 15/05/2026

Congratulations to the Edge team for shipping this! Its an incredibly high quality implementation, and a lot of work and care went into the API design and implementation.

071

bfgeek.bsky.social @bfgeek.bsky.social · 16/04/2026

RIP the hacker-news test in Chromium: chromium-review.googlesource.com/c/chromium/s... (prior to hacker-news having a mobile friendly design, browsers used font-boosting to make it readable).

chromium-review.googlesource.com

000

bfgeek.bsky.social @bfgeek.bsky.social · 30/03/2026

Fun (obvious?) fact. Browser layout engines, text layout (harfbuzz) don't use floating point because its trash. Floating-point is really only useful if you are doing operations around 0. Instead we use fixed-point (Blink & WebKit use 1/64th base, Firefox 1/60th base). Harfbuzz uses 16.16

131

bfgeek.bsky.social @bfgeek.bsky.social · 05/01/2026

My 2025 review which turned out to be more 6-7 things which I found interesting/fun over the year. bfgeek.com/2025-review/ Also a photo of me on a giant stick of butter. Read into that what you will.

bfgeek.com

Things I'm proud of in 2025

A review of various projects on Blink which I was proud of in 2025.

150

bfgeek.bsky.social @bfgeek.bsky.social · 13/11/2025

This was the cross-over I didn't know I needed.

050

Reposted by @bfgeek.bsky.social

bfgeek.bsky.social @bfgeek.bsky.social · 13/10/2025

Yes, but the browsers have implemented this optimization differently. WebKit/Firefox have the same optimization in that they use (effectively) a linked-list of HashMap(s). There are some performance cliffs with this - lookups can be slow, e.g. you check a HashMap, then check its parent, etc.

111

bfgeek.bsky.social @bfgeek.bsky.social · 13/09/2025

I've finally got around to documenting a cute way of building an Image Gallery with flexbox: bfgeek.com/flexbox-imag... This technique maintains image aspect-ratios, and ensures there is no additional free space (full-bleed). Let me know what you think! (@bram.us - I got around to this!)

bfgeek.com

Exploiting flex-grow for an Image Gallery

How to build a full-bleed Image Gallery with flexbox.

5465

bfgeek.bsky.social @bfgeek.bsky.social · 11/06/2025

This is an awesome proposal that the Microsoft Edge engineers have been working on. It extends the existing column-rule-* properties to work for all gaps in an intuitive way. If you are interested I'd encourage you to try it out. The repeat() syntax is really nicely with arbitrary sized grid/flex.

110

bfgeek.bsky.social @bfgeek.bsky.social · 15/06/2023

Massive congratulations to the Edge team for sending out the intent to ship for subgrid. The Edge team always impresses me with the attention to detail they bring to a project, and quality of implementation. groups.google.com/a/chromium.org/g/…

groups.google.com

Intent to Ship: CSS Subgrid

120