When multiple styles apply to the same property (e.g. color) on the same element (e.g. one specific button), the cascade is used to determine which style has priority. For every set of styles declared on the same property of the same element, we start at the top of the cascade process. At each step, we group the styles into categories. The top category with styles in it is the only category that moves on to the next step. Any other styles can be eliminated from consideration.
JavaScript is in a tremendously better state today compared to 2016. Back when the first State of JS survey took place, only 21% of you used TypeScript compared to 69% today. Whereas we used to joke about a new front end framework releasing every day, React and Vue have now been dominant for 6 years running. And the percentage of people reporting that “JS is moving too fast” is down from 59% to 38%.
Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world. The requirements are: The user specifies a maximum number of columns. This is the auto-filling grid’s “natural” state. If a grid cell goes under a user-specified width, the auto-filling grid will readjust itself and decrease the number of columns. The grid cells should always stretch to fit the auto-filling grid container’s width, no matter the column count. All of this should work independent of viewport width and should not require JavaScript.
Naming design tokens is complicated and must be done with care. You can’t adjust names once the system is published without introducing breaking change (which you should try to avoid at all times).
We’re thrilled to announce that we’ve added accessibility tree snapshots to Pleasantest. These snapshots incorporate important accessibility details into your tests, helping you to understand, track, and maintain the accessibility of your interfaces. We believe Pleasantest is the first testing tool to provide this incredibly useful feature.
Thanks to Cloud Four for sponsoring this week’s newsletter! If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.
Tweet
Share