Daniel Schwarz
@dxnny.fun
📤 125
📥 83
📝 285
Designer / dev / editor / writer, currently
@css-tricks.com
and
@logrocket.bsky.social
reposted by
Daniel Schwarz
Frontend Dogma
about 3 hours ago
Better Defaults for Popovers, by @
[email protected]
:
https://www.matuzo.at/blog/2026/better-defaults-for-popovers
#popovers
#css
#resets
loading . . .
Better defaults for popovers - Manuel Matuzovic
I recently added a rule to my reset style sheet UA+ that I wanted to share with you.
https://www.matuzo.at/blog/2026/better-defaults-for-popovers
0
1
1
reposted by
Daniel Schwarz
CSS-Tricks*
about 8 hours ago
A few noteworthy new additions to the CSS Almanac... animation-range:
css-tricks.com/almanac/prop...
view-transition-class:
css-tricks.com/almanac/prop...
superellipse():
css-tricks.com/almanac/func...
Props to
@undeadinstitute.bsky.social
,
@sunkanmifafowora.bsky.social
and Saleh Mubasher!
1
7
2
What's the craziest place you've coded? I've got a few, but Ngong Ping in Hong Kong comes to mind. That's where the big Buddha is, high up on the peak after a cable car ride. To be fair, there's a Starbucks and it's really easy to get there on the metro.
3 days ago
0
0
0
reposted by
Daniel Schwarz
Ana Tudor
17 days ago
A different type of connectors pattern in another
@codepen.io
demo:
codepen.io/thebabydino/...
Can you figure out how I did this before checking the code?
#CSS
#gradients
#patterns
0
9
1
reposted by
Daniel Schwarz
Andy Bell
13 days ago
Our posh new OG images are live too. I said I would do more actual coding this year and this is the first little thing
piccalil.li/blog/date-is...
loading . . .
Date is out, Temporal is in
Temporal is the Date system we always wanted in JavaScript. It's extremely close to being available so Mat Marquis thought it would be a good idea to explain exactly what is better about this new Java...
https://piccalil.li/blog/date-is-out-and-temporal-is-in/
6
68
8
reposted by
Daniel Schwarz
Frontend Dogma
10 days ago
How to “@ scope” CSS Now That It’s Baseline, by
@dxnny.fun
(
@frontendmasters.com
):
https://frontendmasters.com/blog/how-to-scope-css-now-that-its-baseline/
#css
#scope
#examples
loading . . .
How to @scope CSS Now That It’s Baseline
There is a way to declare a scope on a specific selector, a specific selector *down to* another selector, or with no
https://frontendmasters.com/blog/how-to-scope-css-now-that-its-baseline/
0
1
1
reposted by
Daniel Schwarz
CSS-Tricks*
13 days ago
What? Style an element *while* it's being dragged?
@sunkanmifafowora.bsky.social
explains how it could become a thing in the future with :drag and ::dragged pseudos.
css-tricks.com/future-css-d...
loading . . .
0
16
4
reposted by
Daniel Schwarz
Cassidy
14 days ago
Did you know you can get your GitHub profile pic by adding .png to your profile page? It's super handy!
github.com/cassidoo.png
8
134
19
I absolutely love this (and iA Writer!) 💛
add a skeleton here at some point
13 days ago
1
4
2
reposted by
Daniel Schwarz
Web Standards
15 days ago
How to @scope CSS now that it’s Baseline.
@dxnny.fun
notes that Firefox 146 has joined Chrome and Safari in supporting the @scope at-rule, a new feature that simplifies selectors and improves CSS structure.
#css
#baseline
frontendmasters.com/blog/how-to-...
0
4
2
reposted by
Daniel Schwarz
Dan
15 days ago
A fantastic addition to the base game. The story is moody & captivating. Furthermore, the gameplay is smooth & enjoyable. If you want a little bit of alien Hollywood, get this game. 9.5/10
moviesgamesandtech.com/2026/01/05/r...
@Ubisoft
#review
#writer
#gamer
#xbox
#ubisoft
#Avatar
loading . . .
Review: Avatar Frontiers of Pandora – From the Ashes
My mind is blown! Absolutely incredible.
https://moviesgamesandtech.com/2026/01/05/review-avatar-frontiers-of-pandora-from-the-ashes/
0
0
1
You can use @scope now. I'll show you how 🤗
frontendmasters.com/blog/how-to-...
loading . . .
How to @scope CSS Now That It’s Baseline
There is a way to declare a scope on a specific selector, a specific selector *down to* another selector, or with no
https://frontendmasters.com/blog/how-to-scope-css-now-that-its-baseline/
15 days ago
0
2
0
reposted by
Daniel Schwarz
Andy Clarke
15 days ago
This is a brilliant take down of Tahoe.
tonsky.me/blog/tahoe-i...
loading . . .
It’s hard to justify Tahoe icons
Looking at the first principles of icon design—and how Apple failed to apply all of them in macOS Tahoe
https://tonsky.me/blog/tahoe-icons/
0
3
3
reposted by
Daniel Schwarz
Laura Kalbag
15 days ago
New year, new
@penpot.app
template: Typography design tokens starter kit!
penpot.app/penpothub/li...
Including 29 tokens, documentation, tips for use, and set up for a proportional typographic scale.
#penpot
1
28
5
reposted by
Daniel Schwarz
Stephen Margheim
17 days ago
A hot take after seeing yet another fancy tabs design: the classic "tab component" is over-engineered for 90% of use cases. You probably don't need it...
1
12
6
reposted by
Daniel Schwarz
Culture Crave 🍿
19 days ago
How 2026 was depicted in the sci-fi classic 'Metropolis' (1927)
loading . . .
55
1950
666
reposted by
Daniel Schwarz
Bogdan
18 days ago
Announcing Engramma’s new logo, drawn entirely with HTML and CSS.
3
26
2
reposted by
Daniel Schwarz
Roma Komarov
17 days ago
The new
#css
`corner-shape: squircle` is fun, but: it is slightly frustrating that a regular border-radius fallback should be around twice as small (or — the squircled border-radius should be twice as large as the usual one). Probably something to abstract as a `--border-radius` token(s) that […]
loading . . .
Original post on front-end.social
https://front-end.social/@kizu/115832543012726553
0
0
1
reposted by
Daniel Schwarz
Andy Clarke
16 days ago
Hey Kier Starmer. You know, people would think a lot better of you if you just condemned Trump and told him to fuck off.
0
4
1
reposted by
Daniel Schwarz
Bramus
16 days ago
Who's ready for tomorrow?
5
200
28
reposted by
Daniel Schwarz
S0AndS0.eth
16 days ago
🤔 2026 finally the year of JS-in-CSS ❔
1
0
1
reposted by
Daniel Schwarz
Kyle, on Demand.
16 days ago
one of my favorite new features of css is the ability to nest selectors without the need for postcss/less/sass/scss/etc
0
6
1
AI, generate aspirations for me
18 days ago
0
0
0
reposted by
Daniel Schwarz
CSS by T. Afif
18 days ago
Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo:
codepen.io/t_afif/full/...
via
@codepen.io
✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.
loading . . .
4
124
34
reposted by
Daniel Schwarz
⭐Sindy
22 days ago
Next year is going to be a big change for me; and I'm starting already! I'm going to be focusing more on my personal art, learning web design, HTML and CSS so that I can change careers! Whilst doing all this I'd love to have a cool site to host all the lore and art from my stuff! I'm comin' 2026!
0
4
1
reposted by
Daniel Schwarz
Frontend Dogma
20 days ago
What’s !important: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More, by
@dxnny.fun
(@
[email protected]
):
https://css-tricks.com/whats-important-2/
#css
#retrospectives
loading . . .
What’s !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More | CSS-Tricks
2026 is almost upon us. I know we’re all itching to see the clock strike midnight (cue The Final Countdown by Europe), but not without recapping the best CSS-related things that happened over the last two weeks!
https://css-tricks.com/whats-important-2/
0
1
1
reposted by
Daniel Schwarz
David Bough 12
20 days ago
#XboxSeriesX
#XboxShare
#BatmanArkhamKnight
Welcome to Gotham…The city of fear.
0
0
1
reposted by
Daniel Schwarz
Firefox for Web Developers
about 1 month ago
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
loading . . .
6
197
46
reposted by
Daniel Schwarz
Ana Tudor
about 1 month ago
Another split & offset text without any duplication whatsoever. Contenteditable. No JS. All with the power of
#SVG
#filter
magic! 🪄✨ Live demo on
@codepen.io
:
codepen.io/thebabydino/...
loading . . .
0
72
7
reposted by
Daniel Schwarz
Stephen Margheim
21 days ago
Plain HTML and CSS can be beautiful. Stay tuned 👀
6
47
5
www.smashingmagazine.com/2025/12/how-...
loading . . .
How To Design For (And With) Deaf People — Smashing Magazine
Practical UX guidelines to keep in mind for 466 million people who experience hearing loss. More design patterns in Smart Interface Design Patterns, a **friendly video course on UX** and design patter...
https://www.smashingmagazine.com/2025/12/how-design-for-with-deaf-people/
21 days ago
0
1
0
reposted by
Daniel Schwarz
Random MDN
23 days ago
🦖 Random MDN: Detecting device orientation 🦖
https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation
Increasingly, web-enabled devices are capable of determining their orientation; that is, they can report data indicating changes to their …
#webdev
loading . . .
Detecting device orientation
Increasingly, web-enabled devices are capable of determining their orientation; that is, they can report data indicating changes to their …
https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation
0
0
1
reposted by
Daniel Schwarz
Chris Coyier
23 days ago
I can't explain it but
#:~:text=
text fragment URLs are the modem noises of the 2020s
0
48
1
reposted by
Daniel Schwarz
Penpot
23 days ago
We’re so excited about our MCP server! 🚀 Do you know what it is and why it’s so important? Don’t miss all the details in our community post 👇
community.penpot.app/t/penpot-mcp...
loading . . .
Penpot MCP Server showcase + ask for help
Only three weeks ago, during Penpot Fest 2025, we unveiled the official MCP Server for Penpot (Github repo and 6-min presentation). Unlike other community efforts (kudos to them!), we decided to expos...
https://community.penpot.app/t/penpot-mcp-server-showcase-ask-for-help/10040
0
5
1
reposted by
Daniel Schwarz
Ana Tudor
26 days ago
I personally love displacement maps. When they work, they can do really cool stuff, not just shrinking/ expansion, but also rotation (
codepen.io/thebabydino/...
), 3D effects (
codepen.io/thebabydino/...
), the bubbling lens effect (
codepen.io/thebabydino/...
). None of these duplicate/ split text.
1
3
1
What's everyone's problem? I'm really liking it
#StrangerThings
25 days ago
0
2
0
reposted by
Daniel Schwarz
Jen Simmons
about 1 month ago
More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…
7
135
20
reposted by
Daniel Schwarz
Nathan Knowler
about 1 month ago
Me, explaining the different panels on CodePen to my six year old: "This is one is for the content, this one is for the styles, this one is for… well, we don't need that one."
1
18
1
reposted by
Daniel Schwarz
Frontend Dogma
29 days ago
Scrollytelling on Steroids With Scroll-State Queries, by @
[email protected]
:
https://css-tricks.com/scrollytelling-on-steroids-with-scroll-state-queries/
#css
#scrolling
loading . . .
Scrollytelling on Steroids With Scroll-State Queries | CSS-Tricks
Unconvinced of the value of scrollytelling? Alright, skeptic, let’s first warm up with some common use cases for scroll-based styling.
https://css-tricks.com/scrollytelling-on-steroids-with-scroll-state-queries/
0
0
1
reposted by
Daniel Schwarz
Eugene Fedorenko
28 days ago
Just found out you can include stroke in Auto Layout’s total dimensions to match CSS box model. I’ll turn in my @Figma expert card on the way out.
0
4
1
reposted by
Daniel Schwarz
Paul Hebert
28 days ago
A friend shared this with me and it made me chuckle:
fuckyouiwontusetailwind.com
My hot take is people coming from bad CSS code bases love Tailwind and people coming from good CSS code bases hate Tailwind
#WebDev
#CSS
loading . . .
Fuck You, I Won't Use Tailwind.
And you can't make me.
https://fuckyouiwontusetailwind.com/
1
4
1
reposted by
Daniel Schwarz
Sujal Gurung
28 days ago
On the timeline today: Two uses of CSS for hiding text, with drastically different intentions
2
3
1
reposted by
Daniel Schwarz
Andy Bell
28 days ago
A great review. Geoff and crew have done so much to keep an absolute pillar of our industry alive and flourishing. Hate the see how damaging Google “AI summaries” have been, but love to see how much is being invested in the CSS Almanac. It’s one of my favourite resources on the internet!
add a skeleton here at some point
1
23
3
reposted by
Daniel Schwarz
Geoff Graham
28 days ago
I'll be danged if looking back on the past year doesn't make me proud as heck of what's happening over at
@css-tricks.bsky.social
.
css-tricks.com/thank-you-20...
loading . . .
Thank You (2025 Edition) | CSS-Tricks
This is the best job I've had in my life and it's only possible because you keep showing up each day to read, learn, share, and discuss all-things-front-end (and a little CSS, of course) with us.
https://css-tricks.com/thank-you-2025-edition/
2
20
6
Quite possibly the worst wrapped ever. Inaccurate, and poor execution.
www.airasia.com/data/share/1...
loading . . .
MOVE Wrap 2025
https://www.airasia.com/data/share/17G7OlWKvJbtRHxuMawwzh-4RzVme3r4AVeXg7midOkQmho34SsYWNf3ZdtEF4ngCUkixb5XBbJttwRXgXEE_aOi6on_NT7vH_PHmFfzBdvrJ4sUswgNrfMWExM3PZYuTr3CAqzpgXTMxq_ihVJZLd8hvaev
28 days ago
0
0
0
reposted by
Daniel Schwarz
Frontend Dogma
29 days ago
“text-decoration-inset” Is Like Padding for Text Decorations, by
@dxnny.fun
(@
[email protected]
):
https://css-tricks.com/text-decoration-inset-is-like-padding-for-text-decorations/
#css
loading . . .
text-decoration-inset is Like Padding for Text Decorations | CSS-Tricks
The text-decoration-inset property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters, resulting in vertical misalignment.
https://css-tricks.com/text-decoration-inset-is-like-padding-for-text-decorations/
0
0
1
A smol preview of what text-decoration-inset can do (yes, native CSS) 🥳
add a skeleton here at some point
29 days ago
0
1
0
reposted by
Daniel Schwarz
Henri Helvetica 🧑🏾🚀🇭🇹
about 1 month ago
🎂 29yrs ago today, the WWW was introduced to Cascading Style Sheets, or best known as CSS. Modern CSS today feels like the 8th Wonder of the World (wide web) with so much possible which wasn't before. Sharing this CSS WRAPPED for a taste of it.
#HBDCSS
chrome.dev/css-wrapped-...
loading . . .
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
https://chrome.dev/css-wrapped-2025/
0
6
1
reposted by
Daniel Schwarz
Ana Tudor
about 1 month ago
Here's a little pure
#CSS
demo I made on
@codepen.io
a while back: clip element on
#scroll
codepen.io/thebabydino/...
(using scroll-driven animations, so support may still be spotty)
loading . . .
0
24
5
reposted by
Daniel Schwarz
Frontend Masters
about 1 month ago
Different Page Transitions For Different Circumstances In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
loading . . .
Different Page Transitions For Different Circumstances
In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
https://frontendmasters.com/blog/different-page-transitions-for-different-circumstances
0
8
5
Load more
feeds!
log in