Email or username:

Password:

Forgot your password?
3 posts total
Stephanie Eckles

🎁 It's time for the 2024 CFP for 12 Days of Web!

Get your selections in quick - authors will be notified by November 10, articles are due December 5!

forms.gle/xTeUTJmggB3EzKw46

New to the series? Check out the past three years:
12daysofweb.dev

#css #html #javascript

Mayank

@5t3ph i'd love to apply again; there's some juicy topics in there. but i'd love even more to hear from new voices who haven't yet had the chance.

Steve Frenzel

@5t3ph applied for one topic I have practical experience with and one that I never used (but I would use it) 😁

Stephanie Eckles

If you're looking for a modern day CSS Zen Garden, I take submmissions on StyleStage.dev ✨

I'd love to see some fresh explorations using view transitions, scroll timelines, anchor positioning, :has, and more!

#cssday

Marc Etienne

@5t3ph the beauty of CSS Zen Garden was that the HTML wasn't to be meddled with. I'm on a hike this week, only Ivory to keep me amused in the Italian Alps, but your target page intrigues me.

Philippe Jadin

@5t3ph very very cool! Maybe it's just me, but at some point, I would have loved to see the page unstyled. Could be an option too. Or maybe it's just me 😊

flo

@5t3ph
I really love that project with those many different pages.
Thanks for initiating it! <3

Stephanie Eckles

📝 Fresh post:

12 Modern #CSS One-Line Upgrades

Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.

moderncss.dev/12-modern-css-on

Show previous comments
pepkin88

@5t3ph
> Important: This property only has an effect when the user’s system settings are not for “overlay” scrollbars, as in the default for Mac OS, where the scrollbar only appears as an overlay on content that is actively being scrolled.

As far as I know (I might be wrong), the default setting is "Automatically based on mouse or trackpad", not "When scrolling". With the "Automatic" setting, when you connect a mouse, which doesn't have touch scrolling, the scrollbars should appear. At least, that's how it works on my machine.

@5t3ph
> Important: This property only has an effect when the user’s system settings are not for “overlay” scrollbars, as in the default for Mac OS, where the scrollbar only appears as an overlay on content that is actively being scrolled.

As far as I know (I might be wrong), the default setting is "Automatically based on mouse or trackpad", not "When scrolling". With the "Automatic" setting, when you connect a mouse, which doesn't have touch scrolling, the scrollbars should appear. At least, that's...

FND

@5t3ph thank you for writing this! `color-scheme` in particular was a revelation to me, and quite timely too - I appreciate you explicitly mentioning form controls; that resonated (thus prepitaph.org/snippets/css-col)

Gur814

@5t3ph This was such a great read. Thanks!

Go Up