CSS Basics
Front-end dev links aimed at beginners, posted daily. Brought to you by @fridayfrontend.com and curated by @spaceninja.com
- The #CSS @layer at-rule: "The @layer at-rule let’s you assign selectors to different groups, and define the order in which those groups should load in the cascade, regardless of how they’re loaded in the source order." gomakethings.com/the-css-laye...
- Curved Box Cutouts in #CSS: "This post explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners. It’s useful for visually demarcating supplementary elements or user controls in a card module." frontendmasters.com/blog/curved-...
- Out of Order: "Bottom line is that when you are trying to update the order of elements using #CSS, pause to think of the side-effects of these decisions and refer to some of the recommendations here to help keep a consistent structure." blog.damato.design/posts/out-of...
- Keep this in mind when changing scrollbar colors: "The thumb color needs to have a high contrast both against the track color and against the scrollable container’s background because the track is not always shown." #a11y angelika.me/2025/04/26/k...
- What is #CSS Owl Selector (* + *)? - "Find out what the owl (* + *) selector in CSS is, how it works, why you should use it, and the viable alternatives." www.youtube.com/watch?v=0O0s...
- Mixing colors with #CSS: "One of my favorite things I used to use Sass for was darkening or lightening a color to get the :hover color. I gave that up when I switched to a build-free process. Or did I?" gomakethings.com/mixing-color...
- Optical Size tweaking for dark mode: "Light type on a dark background on a digital screen is optically higher contrast. I’ve found the following considerations useful when defining dark mode styles all with a view of smoothing out those contrast issues." #CSS markboulton.co.uk/journal/opti...
- #HTML Oddities: Does the order of attribute values matter? "So order doesn't matter, right? Well, it's a bit more complicated than that." shkspr.mobi/blog/2025/04...
