#css — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #css, aggregated by home.social.
-
#TIL `:empty` is a CSS selector. Only took me 20 years to notice.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:empty #WebDev #CSS
-
#TIL `:empty` is a CSS selector. Only took me 20 years to notice.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:empty #WebDev #CSS
-
#TIL `:empty` is a CSS selector. Only took me 20 years to notice.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:empty #WebDev #CSS
-
#TIL `:empty` is a CSS selector. Only took me 20 years to notice.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:empty #WebDev #CSS
-
#TIL `:empty` is a CSS selector. Only took me 20 years to notice.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:empty #WebDev #CSS
-
Why I Spent Years Trying to Make CSS States Predictable, by (not on Mastodon or Bluesky):
-
Accessible (I Think) Split-Cell Table Headers, by @Meyerweb:
-
Accessible (I Think) Split-Cell Table Headers, by @Meyerweb:
-
Accessible (I Think) Split-Cell Table Headers, by @Meyerweb:
-
Accessible (I Think) Split-Cell Table Headers, by @Meyerweb:
-
Accessible (I Think) Split-Cell Table Headers, by @Meyerweb:
-
RE: https://mastodon.social/@Meyerweb/116652774075981072
Spanning table cells are always a layout bummer and often a screen reader navigation hassle. But this associates stuff correctly.
The CSS is where I tried a different approach for the Safari bug:
https://codepen.io/aardrian/pen/yyVYdbj?editors=0100 -
RE: https://mastodon.social/@Meyerweb/116652774075981072
Spanning table cells are always a layout bummer and often a screen reader navigation hassle. But this associates stuff correctly.
The CSS is where I tried a different approach for the Safari bug:
https://codepen.io/aardrian/pen/yyVYdbj?editors=0100 -
RE: https://mastodon.social/@Meyerweb/116652774075981072
Spanning table cells are always a layout bummer and often a screen reader navigation hassle. But this associates stuff correctly.
The CSS is where I tried a different approach for the Safari bug:
https://codepen.io/aardrian/pen/yyVYdbj?editors=0100 -
RE: https://mastodon.social/@Meyerweb/116652774075981072
Spanning table cells are always a layout bummer and often a screen reader navigation hassle. But this associates stuff correctly.
The CSS is where I tried a different approach for the Safari bug:
https://codepen.io/aardrian/pen/yyVYdbj?editors=0100 -
RE: https://mastodon.social/@Meyerweb/116652774075981072
Spanning table cells are always a layout bummer and often a screen reader navigation hassle. But this associates stuff correctly.
The CSS is where I tried a different approach for the Safari bug:
https://codepen.io/aardrian/pen/yyVYdbj?editors=0100 -
New meyerbloggery! I was asked for a good way to mark up (and display) a table with a diagonally-split header cell, and I couldn’t find one, so I came up with something that appears to be accessible. Now I’m throwing it out to the community to see if I’m wrong. Markup, styling, reasoning, and live-example link here: https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/ #HTML #CSS #A11Y
-
New meyerbloggery! I was asked for a good way to mark up (and display) a table with a diagonally-split header cell, and I couldn’t find one, so I came up with something that appears to be accessible. Now I’m throwing it out to the community to see if I’m wrong. Markup, styling, reasoning, and live-example link here: https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/ #HTML #CSS #A11Y
-
New meyerbloggery! I was asked for a good way to mark up (and display) a table with a diagonally-split header cell, and I couldn’t find one, so I came up with something that appears to be accessible. Now I’m throwing it out to the community to see if I’m wrong. Markup, styling, reasoning, and live-example link here: https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/ #HTML #CSS #A11Y
-
New meyerbloggery! I was asked for a good way to mark up (and display) a table with a diagonally-split header cell, and I couldn’t find one, so I came up with something that appears to be accessible. Now I’m throwing it out to the community to see if I’m wrong. Markup, styling, reasoning, and live-example link here: https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/ #HTML #CSS #A11Y
-
New meyerbloggery! I was asked for a good way to mark up (and display) a table with a diagonally-split header cell, and I couldn’t find one, so I came up with something that appears to be accessible. Now I’m throwing it out to the community to see if I’m wrong. Markup, styling, reasoning, and live-example link here: https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/ #HTML #CSS #A11Y
-
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features.
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/
-
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features.
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/
-
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features.
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/
-
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features.
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/
-
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features.
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/
-
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀
https://css-tip.com/bending-line/
Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍
-
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀
https://css-tip.com/bending-line/
Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍
-
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀
https://css-tip.com/bending-line/
Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍
-
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀
https://css-tip.com/bending-line/
Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍
-
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀
https://css-tip.com/bending-line/
Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍
-
Years ago I cribbed this from a creative dev whose work I liked
It uses canvas and js mouse events. I wish it were possible in CSS (or with SVG) or something close to it.
(I'm working on a platform which is quite limited so we are trying to think of ways to circumvent some of the constraints)
-
Years ago I cribbed this from a creative dev whose work I liked
It uses canvas and js mouse events. I wish it were possible in CSS (or with SVG) or something close to it.
(I'm working on a platform which is quite limited so we are trying to think of ways to circumvent some of the constraints)
-
Years ago I cribbed this from a creative dev whose work I liked
It uses canvas and js mouse events. I wish it were possible in CSS (or with SVG) or something close to it.
(I'm working on a platform which is quite limited so we are trying to think of ways to circumvent some of the constraints)
-
Years ago I cribbed this from a creative dev whose work I liked
It uses canvas and js mouse events. I wish it were possible in CSS (or with SVG) or something close to it.
(I'm working on a platform which is quite limited so we are trying to think of ways to circumvent some of the constraints)
-
CSS vs. JavaScript:
Exploring the performance implications of different animation strategiesOne of the most common questions around animation performance is whether JS-based animations are slower than CSS-based ones. Should we always strive to use CSS transitions, or is it OK to use JavaScript animation libraries?
😉 https://www.joshwcomeau.com/animation/css-vs-javascript/
#css #javascript #webdesign #web #js #performance #webdev #animation #slow #fast #design #faster #animation #anim
-
CSS vs. JavaScript:
Exploring the performance implications of different animation strategiesOne of the most common questions around animation performance is whether JS-based animations are slower than CSS-based ones. Should we always strive to use CSS transitions, or is it OK to use JavaScript animation libraries?
😉 https://www.joshwcomeau.com/animation/css-vs-javascript/
#css #javascript #webdesign #web #js #performance #webdev #animation #slow #fast #design #faster #animation #anim
-
CSS vs. JavaScript:
Exploring the performance implications of different animation strategiesOne of the most common questions around animation performance is whether JS-based animations are slower than CSS-based ones. Should we always strive to use CSS transitions, or is it OK to use JavaScript animation libraries?
😉 https://www.joshwcomeau.com/animation/css-vs-javascript/
#css #javascript #webdesign #web #js #performance #webdev #animation #slow #fast #design #faster #animation #anim
-
CSS vs. JavaScript:
Exploring the performance implications of different animation strategiesOne of the most common questions around animation performance is whether JS-based animations are slower than CSS-based ones. Should we always strive to use CSS transitions, or is it OK to use JavaScript animation libraries?
😉 https://www.joshwcomeau.com/animation/css-vs-javascript/
#css #javascript #webdesign #web #js #performance #webdev #animation #slow #fast #design #faster #animation #anim
-
CSS vs. JavaScript:
Exploring the performance implications of different animation strategiesOne of the most common questions around animation performance is whether JS-based animations are slower than CSS-based ones. Should we always strive to use CSS transitions, or is it OK to use JavaScript animation libraries?
😉 https://www.joshwcomeau.com/animation/css-vs-javascript/
#css #javascript #webdesign #web #js #performance #webdev #animation #slow #fast #design #faster #animation #anim
-
#Development #Introductions
CSS is filling the gaps with rules · Native gap styling for grid and flex layouts https://ilo.im/16d40m_____
#Layouts #Animations #Decorations #CssGrid #CssFlexbox #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS -
#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML -
#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML -
#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML -
#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML
