Rego’s Everyday Life

Two highlights related to Igalia on the last issue of CSS Layout News by Rachel Andrew (https://csslayout.news/issues/287/):

• Open Web Docs launch in which we’re involved https://opencollective.com/open-web-docs
• Open Prioritization campaign to implement :focus-visible in @WebKit: https://opencollective.com/open-prioritization/projects/focus-visible-in-webkit

:focus-visible is now in the HTML standard, replacing :focus in the default user agent style sheet: https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3

Thanks Emilio Cobos for the PR: https://github.com/whatwg/html/pull/6256

This is part of the work Igalia has been doing related to adding :focus-visible support in WebKit.

I’m working on the implementation of :focus-visible in WebKit. So far my work has been around understanding the feature, improving the tests and finding interop issues.

See: https://drafts.csswg.org/selectors/#the-focus-visible-pseudo

Yeah we have indeed started. First thing by improving the WPT tests, which lead to find 2 interop issues between Chromium and Firefox. Then while importing the tests in WebKit, found an old bug related to “focus” event and :focus pseudo-class, which has been fixed now.

See: https://opencollective.com/open-prioritization/projects/focus-visible-in-webkit

Oriol Brufau form Igalia has just published a technical blog post explaining the implementation of ::marker pseudo-element in Chromium: https://blogs.igalia.com/obrufau/2020/12/21/css-marker-pseudo-element-in-chromium.html

Despite it might look like a small feature, it ended up being quite a project. Kudos for the awesome job there! 👏

If you want to see :focus-visible in WebKit, Igalia is collecting funds to make it happen at https://opencollective.com/open-prioritization/projects/focus-visible-in-webkit

This has been the winner of our Open Prioritization campaign, and if everything goes fine this would be ready during Q1 2021.

“Intent to Prototype: Container Queries”, @google is starting to experiment with container queries in @ChromiumDev. This is really interesting! 🤯

See: https://groups.google.com/a/chromium.org/g/blink-dev/c/u1AKdrXhPGI/m/wrJb-unhAgAJ

Really nice to see this finally shipping in Chromium and WebKit. 🚀 All this started back in 2018 when Oriol was doing a Coding Experience at Igalia: https://blogs.igalia.com/mrego/2018/08/08/css-logical-properties-and-values-in-chromium/