Since the introduction of CSS viewport units in 2012, many of us have been using `width: 100vw` as a way to set an element’s width to the full width of the viewport. But, as Šime Vidas explains in this deep dive, `100vw` does not always represent the full width of the viewport due to differences in how browsers handle scrollbars.| Smashing Magazine
It’s 2022 and people are still afraid to use and . I understand the layout challenges can be frustrating, but swapping to an ARIA group role will result in a more inaccessible experience. A Solution Try this: ChooseChoose […] legend:not(:focus):not(:active) { position: absolute; overflow: hidden;…| Adrian Roselli
Provides a generic style baseline used on rossabaker.com, without branding or rules specific to its layouts. It could plausibly be used elsewhere.| rossabaker.com
InfraUnicode and Encoding| html.spec.whatwg.org
1. Introduction| www.w3.org
With display: contents, we can have more accessible markup for our CSS Grids. One caveat: supporting browsers currently break this.| Hidde's blog
1. About the CSS 2.2 Specification| drafts.csswg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
A quick retrospective on the browser-related things I worked on in 2020, and what I have planned for 2021.| twilco’s blog
You may not have thought much about lists, although we use them frequently in our markup. Many things can be marked up quite logically as a list. There is more to styling lists in CSS than you might think. In this article, Rachel Andrew starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters.| Smashing Magazine
The fieldset element is a really useful one. It creates a grouping of related form fields, giving them a label in the shape of a legend element. Sadly, it's a pain to style, but I think browser makers and spec writers have a unique opportunity to fix it.| That Emil
In the CSS Display Module Level 3 is a new value for the display property – display: contents. The value has been implemented in Firefox and here is a quick explanation of what it does, and why it might be useful if it gets wider browser support.| Rachel Andrew