Smashing Magazine 🇺🇦 🏳️🌈
Refactoring CSS: Introduction (Part 1) — Smashing Magazine
13+ min · · CSS refactoring is not an easy task — it needs to be done in a way that doesn't create problems. First we need to analyze the existing codebase, audit CSS codebase health, discover weaknesses, agree… · Shared by 30, including Evan (he/him)
CSS-Tricks
A Thorough Analysis of CSS-in-JS
11+ min · · Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more · Shared by 70, including CSS Weekly, Yoav Ganbar (🥑 Builder.io/Qwik), DON’T PANIC, Evan (he/him), Ferit (at 🏠) 🌙
Smashing Magazine 🇺🇦 🏳️🌈
Meet :has, A Native CSS Parent Selector (And More) — Smashing Magazine
9 min · · What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has… · Shared by 21, including Sara Soueidan, Evan (he/him), CSS Weekly, Rodrigo Noales
ishadeed.com
Practical Use Cases For CSS Variables
10 min · · The goal of this article is to walk you through use-cases where CSS variables shine. · Shared by 42, including CSS Weekly, Esther Schindler, Evan (he/him), David Hellmann, Rodrigo Noales, Claus Heller 🇺🇦, Mohamed Azazy
moderncss.dev
Modern CSS Upgrades To Improve Accessibility
13+ min · · Accessibility is a critical skill for developers doing work at any point in the stack. For front-end tasks, modern CSS provides capabilities we can leverage to make layouts more accessibly inclusive… · Shared by 76, including Marius Bleuer, Chris Heilmann codepo8@toot.cafe, Benoist Lawniczak, Web Axe, Michael Zumstein, Dennis Lembrée, Evan (he/him)
Smashing Magazine 🇺🇦 🏳️🌈
A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine
8 min · · The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern… · Shared by 80, including Jessel Sookha, Evan (he/him), henrik, Eric Bailey, Benoist Lawniczak, Rodrigo Noales, Steve Faulkner SteveFaulkner@mastodon.social, Yoav Ganbar (🥑 Builder.io/Qwik), PacielloGroup
Sara Soueidan
Component-level art direction with CSS Container Queries
5 min · · Container Queries (CQ) allow us to change the styles of a component so it responds to the size of its nearest container. With CQ, we can change how an element looks based on where on a page it is… · Shared by 38, including Brad Frost, David Hellmann, Claus Heller 🇺🇦, Stef Walter, Evan (he/him), Beni Buess
CSS-Tricks
A Complete Guide to Custom Properties
16+ min · · Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name. · Shared by 66, including Evan (he/him), Chris Heilmann codepo8@toot.cafe, Rodrigo Noales, henrik
Smashing Magazine 🇺🇦 🏳️🌈
Overflow Issues In CSS — Smashing Magazine
8 min · · In this article, we will explore the causes of overflow issues and how to solve them. We will also explore how modern features in the developer tools (DevTools) can make the process of fixing and… · Shared by 49, including Evan (he/him), Benoist Lawniczak, David Hellmann
CSS-Tricks
Gaps? Gasp! | CSS-Tricks
2 min · · At first, there were flexboxes (the children of a display: flex container). If you wanted them to be visually separate, you had to use content · Shared by 44, including Marius Bleuer, Claus Heller 🇺🇦, Sara Soueidan, Evan (he/him), @meyerweb@mastodon.social, David Hellmann
CSS-Tricks
Want to Write a Hover Effect With Inline CSS? Use CSS Variables.
1 min · · The other day I was working on a blog where each post has a custom color attached to it for a little dose of personality. The author gets to pick that · Shared by 33, including bouiboui, Evan (he/him)
CSS-Tricks
CSS is a Strongly Typed Language
7 min · · One of the ways you can classify a programming language is by how strongly or weakly typed it is. Here, “typed” means if variables are known at compile · Shared by 52, including Evan (he/him), Una 🇺🇦, Eric Bailey
DEV Community
FlexBox Cheat Sheets in 2021
2 min · · Table of Contents -- FlexBox Architecture flex-direction justify-content align-content al... · Shared by 25, including Women Who Code, ITNEXT, Evan (he/him)
CSS-Tricks
Building a Settings Component
1 min · · This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the "just for gap" concept here. Grid is extremely powerful, but you don't have · Shared by 9, including Evan (he/him)
ishadeed.com
Say Hello To CSS Container Queries
10 min · · Let's learn about how CSS container queries work with lots of examples and use-cases. · Shared by 169, including Galen King, Vue.js Developers Newsletter, Jessel Sookha, HeyDesigner, Evan (he/him), Brad Frost, Rodrigo Noales, Stef Walter, David Hellmann, Benoist Lawniczak, 6clicks | John Robert-Nicoud, Ferit (at 🏠) 🌙
CSS-Tricks
Did You Know About the :has CSS Selector?
3 min · · File this under stuff you don't need to know just yet, but I think the :has CSS selector is going to have a big impact on how we write CSS in the future. · Shared by 43, including Claus Heller 🇺🇦, David Hellmann, Doug Bowman, Benoist Lawniczak, Evan (he/him)