Daniel Schwarz
@dxnny.fun
📤 94
📥 50
📝 233
Designer / dev / editor / writer, currently
@css-tricks.com
and
@logrocket.bsky.social
reposted by
Daniel Schwarz
Bramus
about 9 hours ago
Chrome 144 features a small change to
#CSS
overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue people have been dealing with for ages: prevent a page from scrolling while a <dialog> is open.
www.bram.us/2025/11/25/u...
loading . . .
Use overscroll-behavior: contain to prevent a page from scrolling while a <dialog> is open
Chrome 144 features a small change to overscroll-behavior: it now also works on non-scrollable scrollers. While this change might seem trivial, it fixes an issue developers have dealing with for ages:...
https://www.bram.us/2025/11/25/use-overscroll-behavior-contain-to-prevent-a-page-from-scrolling-while-a-dialog-is-open/
2
71
9
reposted by
Daniel Schwarz
CSS-Tricks*
1 day ago
We have lots of ways to share/pass/inherit certain parent property values with a child... but what if we could do that with ANY property value?
@dxnny.fun
pokes at the idea, including the currently unsupported inherit() function.
css-tricks.com/on-inheritin...
loading . . .
On Inheriting and Sharing Property Values | CSS-Tricks
There are many ways to share properties, but what would it look like to inherit and use any parent property value on a child?
https://css-tricks.com/on-inheriting-and-sharing-property-values/
0
4
3
reposted by
Daniel Schwarz
Piccalilli
1 day ago
A great, practical article teaching you about the newer sibling-index() and sibling-count() functions in CSS.
frontendmasters.com/blog/stagger...
loading . . .
Staggered Animation with CSS sibling-* Functions
The new CSS sibling-index() (and -count()) functions are perfect for staggered timing affects. This goes a little step further staggering both before and after a selected element.
https://frontendmasters.com/blog/staggered-animation-with-css-sibling-functions/
0
27
8
reposted by
Daniel Schwarz
Krystal Hosting
1 day ago
Did you know there’s an optimal line length for text? And along with setting the line length with CSS, you can also optimise the text for the container with a bit of CSS and JavaScript.
@dxnny.fun
explains for
@css-tricks.bsky.social
.
loading . . .
Setting Line Length in CSS (and Fitting Text to a Container) | CSS-Tricks
The many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.
https://css-tricks.com/setting-line-length-in-css-and-fitting-text-to-a-container/
0
0
1
reposted by
Daniel Schwarz
Frontend Dogma
2 days ago
When to Use CSS “text-wrap: balance” vs. “text-wrap: pretty”, by
@dxnny.fun
(
@logrocket.bsky.social
):
https://blog.logrocket.com/css-text-wrap-balance-vs-text-wrap-pretty/
#css
#typography
loading . . .
When to use CSS text-wrap: balance vs. text-wrap: pretty - LogRocket Blog
Compare and contrast two CSS components, text-wrap: balance and text-wrap: pretty, and discuss their benefits for better UX.
https://blog.logrocket.com/css-text-wrap-balance-vs-text-wrap-pretty/
0
1
1
reposted by
Daniel Schwarz
Chris Coyier
3 days ago
ok I've decided what my interop 2026 vote is (#interop2026)? `margin-trim` My fingers reach for it all the time only to be like, oh yeah, Safari-only. Imagine a `.card` with padding, it just *begs* for `margin-trim: block;`
1
36
4
reposted by
Daniel Schwarz
Ahmad Shadeed
5 days ago
I really can't wait to show you my CSS layout course. I'm learning a few things along the way. Currently, I'm working on some grid explanation and it's so much fun to have some aha-moments. Teaching is learning! ❤️ You can sign up for details:
layoutmaestro.ishadeed.com
2
70
9
reposted by
Daniel Schwarz
Chris Coyier
5 days ago
"Baseline doesn’t tell web developers if it is OK to use a feature that’s not Baseline yet, perhaps as a progressive enhancement, or by using a polyfill" Yes, exactly. I'm glad they are thinking about this.
piccalil.li/blog/perfect...
loading . . .
Perfecting Baseline
After two years, it’s clear that awareness about Baseline is grown a lot. As one of the co-chair of the group that makes Baseline, Patrick wanted to take a pause and reflect on how Baseline is startin...
https://piccalil.li/blog/perfecting-baseline/
0
22
5
reposted by
Daniel Schwarz
David Roberts
5 days ago
In an era filled with tech dipshits who never developed emotionally past the age of 13 & use their wealth to become odious monsters ... ... listen to Steve Wozniak.
103
7010
2000
reposted by
Daniel Schwarz
CSS Weekly
6 days ago
CSS Weekly #627 🚀 Animation Performance 🗺️ Generative CSS Worlds 🙆♂️ CSS stretch Value 👯 Animation with Sibling-* Functions Featuring
@mattgperry.bsky.social
,
@preethisam.bsky.social
,
@allthatmalarkey.bsky.social
,
@dxnny.fun
,
@bram.us
,
@kilianvalkhof.com
,
@cferdinandi.bsky.social
. 🙏
cssw.io/issue-627
loading . . .
CSS Weekly Issue #627
Learn how to create performant animations, why you should start using stretch value, how to bring heightmaps to life using CSS, and more.
https://cssw.io/issue-627
2
7
2
reposted by
Daniel Schwarz
Brad Frost
8 days ago
Big exciting announcement tomorrow! Sign up for our newsletter to find out:
bradfrost.com/newsletter/
loading . . .
Brad Frost's Newsletter
Connection, creativity, and positivity. Subscribe for deep thinking, interesting links, updates on our courses & projects, upcoming events, music, art, and some random fun along the way
https://bradfrost.com/newsletter/
0
9
2
reposted by
Daniel Schwarz
Penpot
9 days ago
New Penpot blog post is live! ✨ CSS Grid vs. Flexbox: Choosing the right layout for you Which one should you use? Learn how choosing the right layout can help you build cleaner designs, write less code, and skip all those annoying layout headaches. 👉
penpot.app/blog/css-gri...
loading . . .
CSS Grid vs. Flexbox: Choosing the right layout for you
Understanding what is Grid vs. Flexbox and how to use them can help you build cleaner layouts, write less code, and avoid frustrating design issues down the line.
https://penpot.app/blog/css-grid-vs-flexbox-choosing-the-right-layout-for-you/
0
6
1
reposted by
Daniel Schwarz
CSS-Tricks*
13 days ago
The Range Syntax Has Come to Container Style Queries and if() by
@dxnny.fun
css-tricks.com/the-range-sy...
loading . . .
The Range Syntax Has Come to Container Style Queries and if() | CSS-Tricks
Being able to use the range syntax with container style queries — which we can do starting with Chrome 142 — means that we can compare literal numeric values as well as numeric values tokenized by cus...
https://css-tricks.com/the-range-syntax-has-come-to-container-style-queries-and-if/
0
12
3
reposted by
Daniel Schwarz
Accessibility Awareness
about 2 months ago
When you make the pitch for accessibility, be prepared for pushback. There are several myths and misconceptions, so it's good to be aware of what they are and how to dispel them.
a11ymyths.com
loading . . .
Accessibility Myths
A small project debunking common accessibility myths.
https://a11ymyths.com/
1
31
17
reposted by
Daniel Schwarz
Niki Tonsky
11 months ago
I propose we replace semantic versioning with pride versioning
34
2556
798
reposted by
Daniel Schwarz
Frontend Dogma
18 days ago
How to Use CSS “line-clamp” to Trim Lines of Text, by
@dxnny.fun
(
@logrocket.bsky.social
):
https://blog.logrocket.com/css-line-clamp/
#howtos
#css
#typography
loading . . .
How to use CSS line-clamp to trim lines of text - LogRocket Blog
Learn how to use CSS line-clamp to truncate text lines cleanly, handle browser quirks, and avoid common UX issues.
https://blog.logrocket.com/css-line-clamp/
0
0
1
reposted by
Daniel Schwarz
Ahmad Shadeed
21 days ago
field-sizing is coming to Safari 26.2 🥳 Now next is
@firefoxdevtools.bsky.social
👀 👀
add a skeleton here at some point
1
25
3
reposted by
Daniel Schwarz
CSS Weekly
18 days ago
CSS Weekly #626 👨🎤 The Weird Parts of position: sticky; 📱 Getting Creative With Small Screens 🗜️ How to use CSS line-clamp 🎯 Field Sizing Use Cases Featuring
@adamrackis.bsky.social
,
@dxnny.fun
,
@ishadeed.com
,
@ahmadalfy.bsky.social
,
@bradwoodsio.bsky.social
,
@sindresorhus.com
. 🙏
cssw.io/issue-626
loading . . .
CSS Weekly Issue #626
Learn how to deal with common pitfalls of Sticky positioning, how to improve your small screen designs, how to use line-clamp, and more.
https://cssw.io/issue-626
1
8
3
reposted by
Daniel Schwarz
Denise Wheeler
19 days ago
Starbucks CEO Brian Niccol made $95.8 million in 2024. The median barista made just $14,674. That's a 6,666-to-1 CEO-to-worker pay ratio. The largest of all S&P 500 companies. Every single worker should walk out. Americans deserve a livable wage. Enough!
75
1338
602
reposted by
Daniel Schwarz
Frontend Dogma
19 days ago
Explaining the Accessible Benefits of Using Semantic HTML Elements, by @
[email protected]
(@
[email protected]
):
https://css-tricks.com/explaining-the-accessible-benefits-of-using-semantic-html-elements/
#html
#semantics
#accessibility
loading . . .
Explaining the Accessible Benefits of Using Semantic HTML Elements | CSS-Tricks
Why should you use a semantic <button> instead of a generic <div>? Accessibility, right? By how exactly does it help accessibility?
https://css-tricks.com/explaining-the-accessible-benefits-of-using-semantic-html-elements/
0
3
2
www.smashingmagazine.com/2025/11/how-...
loading . . .
How To Leverage Component Variants In Penpot — Smashing Magazine
With component variants, design systems become more flexible, letting you reuse the same component while adapting its look or state with ease. In this article, Daniel Schwarz demonstrates how design t...
https://www.smashingmagazine.com/2025/11/how-leverage-component-variants-penpot/
19 days ago
0
1
0
Has anybody ever spelt “bureaucracy” right the first time?
27 days ago
0
1
0
I've been playing around with
@penpot.app
, and I love it. It really feels like you're designing with code, but if you don't understand code, you'll still feel right at home. The UI is beautiful and much simpler than the now-bloated Figma UI.
about 1 month ago
0
2
0
reposted by
Daniel Schwarz
CSS Weekly
about 1 month ago
CSS Weekly #622 🚀 Best of CSS in 2025 😳 Uncommon media queries 💠 corner-shape property 💬 :heading pseudo-class Featuring
@chriscoyier.net
,
@dxnny.fun
,
@jensimmons.bsky.social
,
@emilkowal.ski
,
@bram.us
,
@denodell.bsky.social
.
@silvestar.codes
,
@miocene.io
. 🙏
cssw.io/issue-622
loading . . .
CSS Weekly Issue #622
Learn everything you need to know about new CSS features released in 2025, useful use cases for obscure media queries, how the corner-shape property works, and more.
https://cssw.io/issue-622
1
7
3
I mean, if NN/G are saying it
www.nngroup.com/articles/liq...
loading . . .
Liquid Glass Is Cracked, and Usability Suffers in iOS 26
iOS 26’s visual language obscures content instead of letting it take the spotlight. New (but not always better) design patterns replace established conventions.
https://www.nngroup.com/articles/liquid-glass/
about 1 month ago
0
0
0
reposted by
Daniel Schwarz
Frontend Dogma
about 1 month ago
How Much Do You Really Know About Media Queries?, by
@dxnny.fun
(
@frontendmasters.com
):
https://frontendmasters.com/blog/learn-media-queries/
#css
#mediaqueries
#examples
loading . . .
How much do you really know about media queries?
There are a ton more @media queries than
https://frontendmasters.com/blog/learn-media-queries/
0
1
1
reposted by
Daniel Schwarz
Andrey Sitnik
about 1 month ago
The new CSS property corner-shape lets you not only create “soft iOS-style corners” but also easily make cut corners, forward-arrow buttons, dropdown tips, or even highlight shapes that look like handmade marker strokes. Lots of examples by
@dxnny.fun
:
css-tricks.com/what-can-we-...
0
9
3
Getting rid of box-sizing: border-box seems like a bit of a stretch
css-tricks.com/we-completel...
loading . . .
We Completely Missed width/height: stretch | CSS-Tricks
The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space.
https://css-tricks.com/we-completely-missed-width-height-stretch/
about 2 months ago
0
2
0
reposted by
Daniel Schwarz
CSS-Tricks*
about 2 months ago
"We Completely Missed width/height: stretch" by
@dxnny.fun
css-tricks.com/we-completel...
loading . . .
We Completely Missed width/height: stretch | CSS-Tricks
The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space.
https://css-tricks.com/we-completely-missed-width-height-stretch/
0
8
3
Suddenly seeing a lot of typos on the websites of very popular products
about 2 months ago
0
0
0
reposted by
Daniel Schwarz
National Security Counselors 🕵
about 2 months ago
Ngl it was kinda hilarious when someone suggested Dolly Parton might die last night and the entire Bluesky community said FUCK THAT and now she's doing better. People talk about the power of prayer but I think we tapped into something deeper and darker.
26
583
71
reposted by
Daniel Schwarz
Una Kravets
about 2 months ago
Really nice example of CSS functions from
@joshwcomeau.com
in his Whimsical Animations course (todays the last day to register early access!) Immediately optimized my radial popover menu with it 🙂 Demo:
codepen.io/una/pen/YPwW...
Course:
t.co/14NmSUHFs3
My functions post:
una.im/5-css-functi...
1
50
7
reposted by
Daniel Schwarz
Frontend Dogma
about 2 months ago
Touring New CSS Features in Safari 26, by
@monknow.bsky.social
(@
[email protected]
):
https://css-tricks.com/touring-new-css-features-in-safari-26/
#css
#safari
#apple
#browsers
loading . . .
Touring New CSS Features in Safari 26 | CSS-Tricks
Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about.
https://css-tricks.com/touring-new-css-features-in-safari-26/
0
1
1
reposted by
Daniel Schwarz
Amit Sheen
2 months ago
✨ New article ✨ Are we at the start of a new era? Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS. What do you think?
css-tricks.com/css-typed-ar...
3
70
24
reposted by
Daniel Schwarz
Pure Xbox
about 2 months ago
Xbox Series S Handles Dying Light: The Beast's Open World Well, Despite Lack Of 60FPS. (Repost)
loading . . .
Xbox Series S Handles Dying Light: The Beast's Open World Well, Despite Lack Of 60FPS
It performs solidly, shows Digital Foundry
https://www.purexbox.com/news/2025/09/xbox-series-s-handles-dying-light-the-beasts-open-world-well-despite-lack-of-60fps
0
1
1
Well, how much?
frontendmasters.com/blog/learn-m...
loading . . .
How much do you really know about media queries?
There are a ton more @media queries than
https://frontendmasters.com/blog/learn-media-queries/
about 2 months ago
1
1
0
wise.com/invite/ihpn/...
loading . . .
You've been invited to Wise. Sign up to get your reward.
Go global and save with Wise.
https://wise.com/invite/ihpn/daniels263
2 months ago
0
0
0
reposted by
Daniel Schwarz
Frontend Dogma
2 months ago
Can Native Web APIs Replace Custom Components in 2025?, by
@dxnny.fun
(
@logrocket.bsky.social
):
https://blog.logrocket.com/can-native-web-apis-replace-custom-components-2025/
#apis
#components
#webplatform
#disclosurewidgets
#popovers
loading . . .
Can native web APIs replace custom components in 2025? - LogRocket Blog
See how native web APIs like dialog, details, and the Popover API simplify accessibility, reduce dependencies, and replace custom components.
https://blog.logrocket.com/can-native-web-apis-replace-custom-components-2025/
0
3
2
reposted by
Daniel Schwarz
Frontend Dogma
2 months ago
What Can We Actually Do With “corner-shape”?, by
@dxnny.fun
(@
[email protected]
):
https://css-tricks.com/what-can-we-actually-do-with-corner-shape/
#css
#borders
#shapes
#examples
loading . . .
What Can We Actually Do With corner-shape? | CSS-Tricks
When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photoshop, so when
https://css-tricks.com/what-can-we-actually-do-with-corner-shape/
0
0
1
Yes, this is 100% CSS 🤗
add a skeleton here at some point
2 months ago
1
3
0
reposted by
Daniel Schwarz
Frontend Dogma
3 months ago
The Basics of Anchor Positioning, by @
[email protected]
:
https://ishadeed.com/article/anchor-positioning/
#fundamentals
#css
#anchorpositioning
loading . . .
The Basics of Anchor Positioning
Learn the basics of Anchor Positioning in CSS
https://ishadeed.com/article/anchor-positioning/
0
2
1
W3C u ok bro
3 months ago
0
1
0
reposted by
Daniel Schwarz
Frontend Dogma
3 months ago
5 Useful CSS Functions Using the New “@ function” Rule, by @
[email protected]
:
https://una.im/5-css-functions/
#css
#functions
#examples
loading . . .
una.im | 5 Useful CSS functions using the new @function rule
CSS custom functions are a gamechanger. Here are 5 really useful examples.
https://una.im/5-css-functions/
0
0
1
reposted by
Daniel Schwarz
Frontend Dogma
3 months ago
What’s the European Accessibility Act Got to Do With My Design System?, by @
[email protected]
(@
[email protected]
):
https://zeroheight.com/blog/european-accessibility-act-and-your-design-system/
#designsystems
#accessibility
#eaa
#compliance
#legal
loading . . .
What's the European Accessibility Act got to do with my design system?
Not sure how the European Accessibility Act (EAA) impacts your design system? This guide explains who’s affected, what compliance involves, and how to make your system more accessible, even if you’re starting late.
https://zeroheight.com/blog/european-accessibility-act-and-your-design-system/
0
1
1
reposted by
Daniel Schwarz
Kilian Valkhof
3 months ago
Exciting!
@polypane.app
has been selected as one of the Best Companies to Watch in 2025 by the research team of "CEO Vision". I'm not going to pay the Nominal Sponsorship fee of $1500 to be featured in the magazine but figured I should share the news with you all regardless.
0
16
2
reposted by
Daniel Schwarz
Duncan Mackenzie
3 months ago
Saw this snake on the edge of a river near Lake Chelan, WA ... they had caught a fish and were working away at it, gumming the fish's tail. Eventually the fish got away. Little bit later though, they came back on the beach, having more success.
#photography
#snake
1
7
3
reposted by
Daniel Schwarz
Sara Soueidan
3 months ago
A gentle introduction to
#CSS
anchor positioning by
@saron.bsky.social
webkit.org/blog/17240/a...
— I'm loving all the simple guides to new CSS features that are now being published on the webkit blog. It's slowly becoming a great resource to stay up-to-date with the latest in
#CSS
.
loading . . .
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
1
64
7
reposted by
Daniel Schwarz
Frontend Dogma
3 months ago
Rolling the Dice With CSS “random()”, by @
[email protected]
and @
[email protected]
and others (@
[email protected]
):
https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
#css
#functions
#randomness
#examples
loading . . .
Rolling the Dice with CSS random()
Random functions in programming languages are amazing.
https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
0
0
1
A lil interview I did with
@undeadinstitute.bsky.social
about my work on the web. There's an image of me as a zombie 🧟♂️ in there, you won't be disappointed (frights excluded).
undead.institute/interview-wi...
loading . . .
Interview with Daniel Schwarz - The Undead Institute
Job Title: Editor/writer Place of Work: Contractor (currently LogRocket & CSS-Tricks) Industry or specialization: I specialize in producing content
https://undead.institute/interview-with-daniel-schwarz/
3 months ago
0
1
0
reposted by
Daniel Schwarz
Sunkanmi Fafowora
3 months ago
Hmmmm. CSS masonry, layout techniques, CSS interview questions, and a lot more should be added to
css-questions.com
I'm excited for this as it scales.🚀
loading . . .
CSS-Questions
Test your CSS skills with 100+ challenging questions on CSS tricky selectors, cascade layers, container queries, advanced pseudo-classes, and more!
https://css-questions.com
0
0
1
Load more
feeds!
log in