Daniel Schwarz
@dxnny.fun
📤 153
📥 96
📝 327
Designer / dev / editor / writer, currently
@css-tricks.com
and
@logrocket.bsky.social
reposted by
Daniel Schwarz
Victor
5 days ago
Do you need 5 media queries to make your font look good depending on screen width? One line of CSS is all you need: font-size: clamp(1rem, 2vw + 0.5rem, 2rem);
2
22
4
reposted by
Daniel Schwarz
Slash Star
8 days ago
CSS is declarative. You describe intent. The browser negotiates the result. That's why centering a div can feel unreliable — you're not giving instructions, you're making a suggestion.
#css
#webdev
#frontend
loading . . .
Why CSS Feels Harder Than It Should (And What You're Actually Fighting
CSS looks simple until you hit specificity conflicts, margin collapse, and box model quirks. Here's why it feels harder than it should—and what you're actually fighting.
https://slashstar.store/blogs/code-creativity-community/why-css-feels-harder-than-it-should
0
4
2
reposted by
Daniel Schwarz
Michaël Vanderheyden
7 days ago
We relied on JavaScript for styling, layout, and state management because CSS couldn’t keep up. But CSS has evolved (fast). It’s finally time to drop the hacks and let CSS do the job it was meant to do.
youtu.be/GTCJ082hj-w
loading . . .
We've been separating concerns wrong (and CSS is fixing it)
YouTube video by General Musings with Kevin Powell
https://youtu.be/GTCJ082hj-w
0
4
1
reposted by
Daniel Schwarz
Victor
6 days ago
Ever had such an issue when your sticky header covers anchor headings? An easy fix is: scroll-margin-top
1
22
3
reposted by
Daniel Schwarz
Barret Blake
6 days ago
The early days of the world wide web were wild times, filled with gaudy colors and blink and marquee tags. Everything was positioned using creative employments of table tags. CSS and Javascript were just fantastical dreams. And ads... The complete and utter lack of ads.... It was glorious.
1
8
4
reposted by
Daniel Schwarz
Frontend Dogma
7 days ago
The Different Ways to Select “<html>” in CSS, by
@dxnny.fun
(@
[email protected]
):
https://css-tricks.com/the-different-ways-to-select-html-in-css/
#html
#css
#selectors
loading . . .
The Different Ways to Select <html> in CSS | CSS-Tricks
Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can we do it?
https://css-tricks.com/the-different-ways-to-select-html-in-css/
0
1
1
reposted by
Daniel Schwarz
CSS-Tricks*
7 days ago
How many ways can you select <html> in CSS?
@dxnny.fun
says “challenge accepted” building off an exercise
@css-only.dev
did a little while back.
css-tricks.com/the-differen...
css-tip.com/root-selecto...
loading . . .
The Different Ways to Select <html> in CSS | CSS-Tricks
Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can we do it?
https://css-tricks.com/the-different-ways-to-select-html-in-css/
0
10
2
reposted by
Daniel Schwarz
Chris Silverman
9 days ago
#notesArt
0
26
5
reposted by
Daniel Schwarz
randomMDN
9 days ago
🦖 skew() ✅ Widely available (from Jul 2015) https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/transform-function/skew The skew() CSS function defines a transformation that skews an element on the 2D plane. Its result is a <transform-function> data type.
#webdev
#css
loading . . .
skew() - CSS | MDN
The skew() CSS function defines a transformation that skews an element on the 2D plane. Its result is a data type.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/transform-function/skew
0
1
2
reposted by
Daniel Schwarz
Redwood Husky
9 days ago
CSS3 is when I stopped paying attention to CSS, and now I find out CSS5 supports insane things like if statements, variables, and calc()?!?? Bro why does my stylesheet parser have to be TURING-FUCKING-COMPLETE???
4
5
1
reposted by
Daniel Schwarz
Chris Silverman
8 days ago
I feel like such a genius every time I pull off a neat hack with :has(). Especially if it targets an element in the DOM hierarchy that would have been previously inaccessible with CSS alone. I love CSS.
0
11
1
reposted by
Daniel Schwarz
Chris Coyier
10 days ago
team i'm FIRED UP about these gnarly gotchas with Anchor Positioning in CSS.
loading . . .
4
66
12
reposted by
Daniel Schwarz
Moqups
5 months ago
🎮 Game developers, we heard your feedback and we’ve added a complete game input icon set from
@kenney.nl
including the brand-new Switch 2 console icons. Find them all in the app!
0
3
1
reposted by
Daniel Schwarz
Ana Tudor
15 days ago
A little something I coded a while back on
@codepen.io
. The wavy lines are
#CSS
gradient lines, distorted with an
#SVG
#filter
.
codepen.io/thebabydino/...
Chrome only. You can find the Firefox & Safari bugs in description.
0
7
1
reposted by
Daniel Schwarz
Nilesh Prajapati
14 days ago
Safari Technology Preview 238 -
#css
:open pseudo-class -
#html
customizable <select> element 🎉 And more
loading . . .
Release Notes for Safari Technology Preview 238
Safari Technology Preview Release 238 is now available for download for macOS Tahoe and macOS Sequoia.
https://webkit.org/blog/17848/release-notes-for-safari-technology-preview-238/
1
2
1
reposted by
Daniel Schwarz
Andrew Gremlich
14 days ago
Today, I learned about the `::part()` pseudo-element! I'm surprised to see it's baseline widely available, because I've poked around web components before, and I don't remember seeing this.
developer.mozilla.org/en-US/docs/W...
loading . . .
::part() - CSS | MDN
The ::part CSS pseudo-element represents any element within a shadow tree that has a matching part attribute.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::part
2
0
1
reposted by
Daniel Schwarz
Matt Crouch
12 days ago
Bramus kicked us off with a dive into CSS anchor positioning. Any time I drop into this spec I learn something new about it. I had no idea you could animate them!
#SotB26
0
1
1
reposted by
Daniel Schwarz
Christian Tietze
12 days ago
Modern CSS is just lovely. Theme switcher with a single <html> data attribute to ideate on variations during prototyping, nice color spaces and maths, layouts and smooth animation and even transitions. Love it.
0
0
1
reposted by
Daniel Schwarz
Álvaro Montoro
13 days ago
CSS is getting native randomness 🎲 random() and random-item() are coming with: - per-element randomness - step-based ranges - shared value options - zero JS required I wrote an overview of the feature, how it works, and what browsers support it.
alvaromontoro.com/blog/68092/n...
#css
#webdev
loading . . .
Native Random Values in CSS
The CSS Working Group has published the Values and Units Module Level 5, which introduces native mechanisms for generating random content using only CSS. This is the tl;dr of a longer article explorin...
https://alvaromontoro.com/blog/68092/native-random-values-in-css
3
46
12
reposted by
Daniel Schwarz
Bramus
12 days ago
One thing I didn't mention in my talk is border-shape, which will be the solution for this in the future. It's still early stage, though. Also needs anchored queries.
bsky.app/profile/una....
add a skeleton here at some point
2
9
1
reposted by
Daniel Schwarz
Firefox for Web Developers
10 days ago
CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…
loading . . .
8
150
27
reposted by
Daniel Schwarz
Frontend Dogma
11 days ago
Potentially Coming to a Browser “:near()” You, by
@dxnny.fun
(@
[email protected]
):
https://css-tricks.com/potentially-coming-to-a-browser-near-you/
#css
#functions
loading . . .
Potentially Coming to a Browser :near() You | CSS-Tricks
Danny has several ideas for how we could use :near(), a proposed pseudo-class that detects when the pointer is near an element.
https://css-tricks.com/potentially-coming-to-a-browser-near-you/
0
0
1
blog.maximeheckel.com/posts/shades...
loading . . .
Shades of Halftone - The Blog of Maxime Heckel
An interactive deep dive into building halftone shaders in GLSL, covering everything from classic dot patterns and CMYK color separation to Moiré interference, gooey effects, and animated displacement...
https://blog.maximeheckel.com/posts/shades-of-halftone/
12 days ago
0
0
0
You've got 99 problems but not getting the latest CSS news ain't one
add a skeleton here at some point
13 days ago
0
0
0
css-tricks.com/whats-import...
loading . . .
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More | CSS-Tricks
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s prrrretty jam-packed. The web community had a lot to say, it seems, so fasten y...
https://css-tricks.com/whats-important-6/
13 days ago
0
0
1
reposted by
Daniel Schwarz
Laura Kalbag
23 days ago
Incredible. This is such serendipitous timing too. Look what I discovered works in
@penpot.app
last week…
1
5
2
reposted by
Daniel Schwarz
Stuart Robson
23 days ago
🎉 New Blogpost 🎉 Building Typographic Scales in CSS with :heading(), sibling-index(), and pow()
www.alwaystwisted.com/articles/bui...
What if we could create a typographic scale for headings with one line of CSS? One rule to scale them all.
#CSS
#FrontEnd
#WebDev
loading . . .
Typographic Scales in CSS with :heading(), sibling-index(), and pow()
Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.
https://www.alwaystwisted.com/articles/building-typographic-scales-with-headings-sibling-index-and-pow
3
49
15
reposted by
Daniel Schwarz
Kevin Powell
15 days ago
Most comments are just impressed, but there was a small wave of people complaining about how CSS shouldn't be able to do this, and that it should be for *styling* only (emphasis theirs). The thing is... all this simply opens the doors to styling in more robust ways.
youtu.be/Y-3tPDZCk2o
loading . . .
CSS is too powerful now
YouTube video by Kevin Powell
https://youtu.be/Y-3tPDZCk2o
11
62
12
reposted by
Daniel Schwarz
Firefox for Web Developers
16 days ago
Firefox 148 is out now, and adds some great web platform features: 🎉 The HTML Sanitizer API 🎉 CSS shape() 🎉 Trusted Types 🎉 Nav API's addHandler 🎉 Iterator zip & zipKeyed 🎉 ancestorOrigins And more!
developer.mozilla.org/en-US/docs/M...
loading . . .
Firefox 148 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 148 that affect developers. Firefox 148 was released on February 24, 2026.
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/148
2
100
22
reposted by
Daniel Schwarz
Jim Nielsen
16 days ago
Woah, this is dope. Just added it to my pies site in just a few lines of CSS. Nice progressive enhancement where supported.
pies.jim-nielsen.com
add a skeleton here at some point
2
9
2
reposted by
Daniel Schwarz
Peter Kröner
22 days ago
Yo dawg, time for a
#CSS
fun fact: keyframe names can be strings. Why? Well, in case you want your keyframes to be named “@keyframes,” obviously!
#webdev
loading . . .
0
5
2
reposted by
Daniel Schwarz
Stuart Robson
21 days ago
trying to remember if I knew that list-style-image was a thing or not … but here's
@clagnut.com
with a (really) in-depth guide to customising lists with CSS on
@piccalil.li
piccalil.li/blog/an-in-d...
loading . . .
An in-depth guide to customising lists with CSS
Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next leve...
https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/
0
12
2
reposted by
Daniel Schwarz
Richard Rutter
21 days ago
You want lists? You got lists! In 2017 my Web
#Typography
book had ~300 words on styling lists. Now, in 2026, I've written 3000 words on the subject!
#CSS
sure has moved on...
add a skeleton here at some point
1
32
5
reposted by
Daniel Schwarz
Bramus
20 days ago
What are some of your favorite CSS Anchor Positioning demos?
5
12
6
reposted by
Daniel Schwarz
CSS-Tricks*
20 days ago
A few recent additions to the ol' Almanac to distract you on this lovely Friday: ❋ The sign() function
css-tricks.com/almanac/func...
❋ The progress() function
css-tricks.com/almanac/func...
❋ The abs() Function
css-tricks.com/almanac/func...
That progress() one... just wild.
0
4
2
reposted by
Daniel Schwarz
CSS Weekly
20 days ago
Frontend News #20 🧱 CSS Grid Lanes, 🔎 ::search-text Pseudo-Element 📍HTML Geolocation Element ❤️ Single character performance issues Featuring
@jensimmons.bsky.social
,
@dxnny.fun
,
@allenpike.com
,
@matuzo.at
,
@tolin.ski
. 🙏
cssw.io/frontend-new...
loading . . .
Frontend News #20: CSS Grid Lanes, ::search-text Pseudo-Element, HTML Geolocation Element
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
https://cssw.io/frontend-news-20
2
14
6
reposted by
Daniel Schwarz
CSS-Tricks*
20 days ago
Here's
@dxnny.fun
poking at a new proposal that would allow an element to match an element when the pointer gets :near() it by a certain amount.
css-tricks.com/potentially-...
loading . . .
0
7
1
reposted by
Daniel Schwarz
Wes Bos
about 1 month ago
Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox
loading . . .
5
85
11
reposted by
Daniel Schwarz
Paweł Grzybek
24 days ago
@kevinpowell.co
never disappoints. In this video, he presents multiple modern alternatives to CSS snippets that you write over and over again. I learned a few things maybe you will pick something up too.
youtu.be/dQ8_F4LPCs8
#css
loading . . .
CSS properties that solve annoying problems
YouTube video by Kevin Powell
https://youtu.be/dQ8_F4LPCs8
0
10
2
reposted by
Daniel Schwarz
Sara Soueidan
25 days ago
Hey Bluesky friends, What UI patterns do you find the most complex or challenging to build or implement accessibly?
25
30
9
reposted by
Daniel Schwarz
Ana Tudor
25 days ago
A thing I've been working on to add to my shop
ko-fi.com/anatudor/shop
You may have seen sliced & offset text before, but this also has its selection not only inverting the text, punching a hole through to the backdrop, but the selection is also sliced & offset. This you won't find elsewhere.
#CSS
loading . . .
2
25
5
reposted by
Daniel Schwarz
Andy Bell
24 days ago
something that's always consistent with the replacing writing CSS with framework/paid SaaS squawkers is they don't seem to understand CSS at all which is probably why they think their thing is smarter
2
49
2
reposted by
Daniel Schwarz
Chris Bolson
26 days ago
A circular gallery using offset to position the thumbnails and anchor-positioning for the main, central image. See the demo on
@codepen.io
codepen.io/cbolson/pen/...
loading . . .
0
3
1
reposted by
Daniel Schwarz
Chris Bolson
about 1 month ago
Linked lists using anchor-positioning. Adapted from my JS version which used SVG paths to this version which positions pseudo elements using position-anchor to link them to the checked checkbox items and current selected radio button. See the full demo on
@codepen.io
codepen.io/cbolson/pen/...
loading . . .
2
82
12
reposted by
Daniel Schwarz
Keith Cirkel
27 days ago
Browser developers are working on custom form controls ( `appearance:base`), the next giant task is looming: customisable input type=date/datetime/color pickers. These are huge and have wildly varied UI. Send me your examples, I'd love to see them and build up a body of these pickers.
7
88
33
Btw it's Friday the 13th, and you know what they say? If you don't stay up-to-date with CSS, like...bad things will happen 👻
add a skeleton here at some point
27 days ago
1
6
1
css-tricks.com/whats-import...
loading . . .
What’s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More | CSS-Tricks
This issue of What’s !important is dedicated to our friends in the UK, who are currently experiencing a very miserable 43-day rain streak. Presenting: the five most interesting things to read about CS...
https://css-tricks.com/whats-important-5/
27 days ago
0
0
0
reposted by
Daniel Schwarz
CSS by T. Afif
27 days ago
Exactly 5 years ago, I released my first CSS article. I was "trying" something new, and since then, I never stopped. Today, I count around 140 articles, a lot of cool CSS websites, and countless demos 😄 Don't miss my latest article with a bunch of modern CSS stuff 👇
add a skeleton here at some point
0
21
8
reposted by
Daniel Schwarz
Kevin Powell
28 days ago
Forgot to link to the full article by
@projectwallace.com
www.projectwallace.com/the-css-sele...
loading . . .
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
https://www.projectwallace.com/the-css-selection/2026?utm_source=CSS-Weekly&utm_medium=newsletter&utm_campaign=issue-635-february-12-2026&_bhlid=2c19c68c529c5d4e7ceec388215b7d842d9c4b27
0
7
1
reposted by
Daniel Schwarz
Adam Argyle
about 1 month ago
oh, more values here than I knew existed for will-change will-change: auto; will-change: scroll-position; will-change: contents; will-change: transform; will-change: opacity; will-change: left, top;
developer.mozilla.org/en-US/docs/W...
loading . . .
will-change - CSS | MDN
The will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase ...
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/will-change
5
32
1
Load more
feeds!
log in
