Daniel Schwarz

😁 css-tricks.com/whats-import...

I feel like the entire web dev industry has been collectively holding its breath since CSS-Tricks was purchased 4 years ago, now it feels like we can breathe again.

"CSS-Tricks is an independent site once again!" This is so great! And a glimpse of hope in these times. All the best for you @geoffgraham.me

Wow!! I didn't expect this development. I am excited that @geoffgraham.me has the keys and look forward to the future of CSS Tricks.

This rules. CSS Tricks was instrumental in my early growth as a developer and I'm so happy to see it publishing again

Yaa! CSS-Tricks is back in the hands of fans of CSS Tricks.

It's a really good time to get on the newsletter list (if you haven't already, that is): css-tricks.com/newsletters/

CSS-Tricks has a new owner [Discussion]

this makes me so happy, think I speak for countless folks when I say we appreciate all your hard work maintaining CSS Tricks

CSS Tricks is independent once again! Hope it gets its magic back. It's a great source for web devs.

If you needed a win as badly as I have lately, mark this one down: CSS-Tricks is returning as an independent publication. Spread the word. wil.to/posts/taking...

woah, CSS tricks no longer owned by DigitalOcean css-tricks.com/css-tricks-h...

CSS-Tricks has a new owner! Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that. https://css-tricks.com/css-tricks-has-a-new-owner/

Working with (and now for) @geoffgraham.me is one of the best things I've ever done. So glad I get to keep doing it 🧡

CSS-Tricks is back. With a *new* owner. css-tricks.com/css-tricks-h...

CSS-Tricks is ridiculously full of green flags. I'm so glad it exists in this day and age.

Hey #gamers, what are some of the best game interfaces? (I want to try making them with #CSS)

What new HTML and CSS features should you be using to help your design system thrive? Check out Declan’s article to get the lowdown ➡️ https://hubs.li/Q04B6Hh30

Back in the earlies, CSS lovers invented new stuff, shared eagerly, and challenged each other to improve on it. There was real excitement when someone launched a site. Others would dig into the code to learn and make suggestions. We celebrated each others work. I miss that. I really miss that.

TIL about text-underline-offset in CSS.

CSS radial-gradient(): Syntax and Examples How CSS radial-gradient() works: circle vs ellipse, size keywords, position, color stops, repeating gradients, and copy-paste examples for glows, spotlights, dot patterns and vignettes.

Chrome and Edge 149 draw divider lines in grid and flexbox gaps via column-rule and the new row-rule. Time to delete the border and pseudo-element hacks. 🔗 danholloran.me/posts/css-ga... #css #webdev

A career ago when I was a technical writer, the Society of Technical Communicators had their own in-house magazine. For a while the CSS Zen Garden and CSS Tricks were my front-end journals of a sort. Not sure that Substacks and LinkedIn posts hit the same.

Ever since we got position: sticky I liked playing around with scroll-based storytelling. Scroll-driven animations unlocked a lot more, but as @utilitybend.com explains, scroll-triggered animations are that last missing piece. Includes great examples of fun things we can do now.

A 7 segment clock powered by CSS shape() codepen.io/editor/matth...

✍️ Just published a new post about my most-anticipated CSS proposals from Interop 2027! If you’re not familiar, the Interop project is a collaboration between browsers to pick shared focus areas. There’s *so much* good stuff this year, it was hard to pick just 10!

Native masonry layouts with CSS grid lanes It’s been a long process but now, masonry layouts have an actual CSS approach, so Saleh Mubashar has put together a really useful guide on how it works, how we got here and what’s next. https://piccalil.li/blog/native-masonry-layouts-with-css-grid-lanes/

It's been a while. Life, you know?

CSS-Dodos 22 Oct 2/5 🟨⬛⬛⬛🟨🟩🟨⬛ 🟩🟩🟩🟩🟩🟩🟩🟩 css-questions.com/css-dodos

www.trueachievements.com/gamer/Schwar...

Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients! Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming! Here's the Explainer: github.com/w3c/csswg-dr...

Just discovered the new sibling-index() CSS function - super nice for creating stagger animations in CSS ✨ codepen.io/editor/sheel... #css

I liked the Wavy Progress Bar from yesterday, so I made another one, this time, it rolls. 😵 Rollup Progress Bar 40 nested elements, using a bit of #CSS math. Live demo on @codepen.io: codepen.io/editor/amit_...

Finally looked into CSS scroll triggered animations and wrote down what I learned! Special thanks to Bramus for answering some of my questions cydstumpel.nl/css-scroll-t...

Very excited for Wireframe this Friday at 5pm ET. I've asked @geoffgraham.me to come on the show for an interview about the current state of affairs at CSS-Tricks. If you join live, I'll talk audience questions too so don't miss it! wireframe.ds.house

What we have nesting in CSS now?!?!

Let's go! Interop 2027: CSS line-clamp github.com/web-platform...

💡 CSS Tip! Another cool shape that works well with random(): wavy dividers! css-tip.com/random-wavy-... Each visitor gets their own wavy shape for a unique experience.

CSS calc(): How to Do Math in CSS (With Examples) How the CSS calc() function works: syntax, mixing units, full-height layouts, equal columns, CSS variables, clamp() and the common mistakes. With a live demo.

And the video is out: youtu.be/Fi1MvM7whzg

What’s new in Chrome 155. JPEG XL decoding returns, CSS gains margin-trim and the symbols() function for inline counter styles, and JavaScript can import text modules with { type: "text" }. #chrome #browser chromestatus.com/rel...

AI is shit at CSS. Beyond shit.

px in CSS ≠ a pixel on a display. This is something that is obvious when you think about it at all, but many people seem to gloss over it. I was explaining it to someone and figured I'd be best to jot it down: vale.rocks/micros/20260...

Excited to see we'll eventually have responsive iframes. It's a one-liner in CSS with `frame-sizing: content-height;` but it does require a meta tag to opt-in from the embedded doc as well. Currenly only behind a flag in Chrome, but will be nice to have once it starts landing.

Oh very nice! CSS Grid Lanes (aka Masonry) is enabled in Firefox Nightly (159) 😍 Wonder if this will "ride the trains" to the stable channel. Anyone know?

Firefox is the best browser today IMO 🤘