Raindrop.io Bookmarks 09/12/2023

2023年9月12日 著

• The Differences Between Native CSS and Sass Nesting

  "The early version of CSS nesting didn't allow the nesting of type selectors. A recent change means you no longer have to use "&", but older versions of Chrome and Safari may not support this updated syntax yet."

• CSS lobotomized owl selector: A modern guide - LogRocket Blog

  "The owl selector (* + *) is a generic architectural primitive. Its goal is to style the context between elements on the same DOM tree level, mainly to add horizontal or vertical space between them."

• Climate change: Mapping in 3D where the earth will become uninhabitable

  "Lethal heat, flooded coastlines, powerful hurricanes, water scarcity: climate models show that by the end of the century, life as normal won't be possible in many places. Find out where populations are projected to be hit hardest with our 3D interactive visualisation."

• Tabs are objectively better than spaces | Go Make Things

  "Another accessibility reason for tabs: when using a braille display, each space takes up one character cell, so indenting with four spaces eats up four cells. Indenting three times with four spaces each eats up 12 characters already. Tabs only take one character cell each, so three indents = three character cells used."

• Progressively Enhanced Form Validation, Part 4: Custom validation messages - Cloud Four

  "Accessing an input's ValidityState object is the key to providing custom, more accessible validation messages, enhancing the user experience over the default generic messages that may not be WCAG-compliant."

• Day 102: selecting the scoping root - Manuel Matuzović

  ":scope can only match a scoping root and & can match an element in the selector list, regardless of whether it's considered a scoping root in that context."

• How a Blind Person Uses a Website - Your Questions Answered

  "Plenty of sites offer an excellent experience for screen reader users on desktop but a lackluster one on the mobile version of the site."