Scarlie ✨
@scardusty.bsky.social
CSS Enthusiast/Designer/Illustrator who cant stop making new websites.
Reposted by Scarlie ✨
"CSS Color Picker" by Adam Argyle
codepen.io/argyleink/pe...
codepen.io/argyleink/pe...
November 25, 2025 at 10:16 PM
"CSS Color Picker" by Adam Argyle
codepen.io/argyleink/pe...
codepen.io/argyleink/pe...
I gasped
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
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:...
www.bram.us
November 25, 2025 at 10:29 PM
I gasped
Reposted by Scarlie ✨
Kelp UI got 6 new components this week, including a few really powerful ways to create dynamic interactive UI with mostly HTML.
kelpui.com
kelpui.com
Kelp
A UI library for people who love HTML, powered by modern CSS and Web Components.
kelpui.com
November 25, 2025 at 10:23 PM
Kelp UI got 6 new components this week, including a few really powerful ways to create dynamic interactive UI with mostly HTML.
kelpui.com
kelpui.com
My codepen account is an embarrassment. It's a minefield of ugly unfinished elements and then school projects I did at the last minute 4 years ago
November 25, 2025 at 5:42 PM
My codepen account is an embarrassment. It's a minefield of ugly unfinished elements and then school projects I did at the last minute 4 years ago
I don’t usually watch a lot of videos but as a CSS person I learned so much from this! 💯
Back at it again with @kevinpowell.co in the second of two videos on #webcomponents! this time, he and I walk through how to create your own simple component from scratch
m.youtube.com/watch?v=b_x3...
Another big thanks to Kevin for inviting me on his channel. I had a blast!
m.youtube.com/watch?v=b_x3...
Another big thanks to Kevin for inviting me on his channel. I had a blast!
How to create a web component
YouTube video by Kevin Powell
m.youtube.com
November 25, 2025 at 5:35 PM
I don’t usually watch a lot of videos but as a CSS person I learned so much from this! 💯
Got it!!! I took one class about usability in my degree program but it didn’t talk nearly as much about accessibility as I would have liked, so this will be a good opportunity to strengthen a weak area for me. Want my websites to be as inclusive as possible 🙂↕️
This is *the biggest sale* since I opened early access to the course two years ago, and it is here to support everyone who's been thinking about buying the course but has been hesitating to make this step for financial reasons during these times.
(For all of you who already got it today, welcome!)
(For all of you who already got it today, welcome!)
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
practical-accessibility.today
November 25, 2025 at 5:25 PM
Got it!!! I took one class about usability in my degree program but it didn’t talk nearly as much about accessibility as I would have liked, so this will be a good opportunity to strengthen a weak area for me. Want my websites to be as inclusive as possible 🙂↕️
Started my trial yesterday maybe an xmas gift for myself! We’ll see :) the multi scrolling panes are pretty sick
✨ Our Black Friday sale starts NOW.
Get a 22% lifetime discount on yearly plans (individuals and teams!)
This is the *only* promotion we run all year. If you’ve been waiting, now is the time. polypane.app/black-friday/
Get a 22% lifetime discount on yearly plans (individuals and teams!)
This is the *only* promotion we run all year. If you’ve been waiting, now is the time. polypane.app/black-friday/
Polypane Black Friday | Polypane
Get the browser for devs who care
polypane.app
November 25, 2025 at 4:15 PM
Started my trial yesterday maybe an xmas gift for myself! We’ll see :) the multi scrolling panes are pretty sick
Reposted by Scarlie ✨
ADHD is going downstairs to get a trash bag, coming back upstairs 45 min later with a pair of scissors and a USB-C cable, realizing you forgot the trash bag, going back downstairs, making yourself a cup of coffee while looking up apple pie recipes on your phone, and never going back upstairs
November 23, 2025 at 6:00 PM
ADHD is going downstairs to get a trash bag, coming back upstairs 45 min later with a pair of scissors and a USB-C cable, realizing you forgot the trash bag, going back downstairs, making yourself a cup of coffee while looking up apple pie recipes on your phone, and never going back upstairs
Reposted by Scarlie ✨
🌱 Made some updates to my little Grid Paper app
🆕 Dual Hex grids are ready to roll for initiative!
🖨️ Printing should work now without futzing with settings
💾 Settings now stored in the URL for sharing or bookmarking
grid-paper.daverupert.com?gridtype=dua...
🆕 Dual Hex grids are ready to roll for initiative!
🖨️ Printing should work now without futzing with settings
💾 Settings now stored in the URL for sharing or bookmarking
grid-paper.daverupert.com?gridtype=dua...
Grid Paper
grid-paper.daverupert.com
November 23, 2025 at 2:46 AM
🌱 Made some updates to my little Grid Paper app
🆕 Dual Hex grids are ready to roll for initiative!
🖨️ Printing should work now without futzing with settings
💾 Settings now stored in the URL for sharing or bookmarking
grid-paper.daverupert.com?gridtype=dua...
🆕 Dual Hex grids are ready to roll for initiative!
🖨️ Printing should work now without futzing with settings
💾 Settings now stored in the URL for sharing or bookmarking
grid-paper.daverupert.com?gridtype=dua...
Reposted by Scarlie ✨
📝 Quick write-up on Grid Paper. daverupert.com/2025/11/grid...
Grid Paper
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
daverupert.com
November 23, 2025 at 6:26 PM
📝 Quick write-up on Grid Paper. daverupert.com/2025/11/grid...
Reposted by Scarlie ✨
no no let them cook they may single-handedly turn 60pt inter, dark mode, midjourney, and bentos into the new aesthetics of fascism that everybody unmistakably avoids from then on
November 19, 2025 at 3:06 PM
no no let them cook they may single-handedly turn 60pt inter, dark mode, midjourney, and bentos into the new aesthetics of fascism that everybody unmistakably avoids from then on
Reposted by Scarlie ✨
Custom Cursor Accessibility: "It’s probably best that you don’t use custom CSS mouse cursors. If you must, please bear in mind the accessibility setting that increases pointer size. If you make your cursor abnormally large, it will be comically large!" #a11y dbushell.com/2025/10/27/c...
Custom Cursor Accessibility
The one where I fat finger with a mouse
dbushell.com
November 19, 2025 at 8:02 PM
Custom Cursor Accessibility: "It’s probably best that you don’t use custom CSS mouse cursors. If you must, please bear in mind the accessibility setting that increases pointer size. If you make your cursor abnormally large, it will be comically large!" #a11y dbushell.com/2025/10/27/c...
I am happy that mediawiki is attended to and free but I will never forgive them for styling it with LESS. Overriding hyperspecific LESS classes with vanilla CSS is absolute hell
November 14, 2025 at 6:22 PM
I am happy that mediawiki is attended to and free but I will never forgive them for styling it with LESS. Overriding hyperspecific LESS classes with vanilla CSS is absolute hell
i love when people roast tailwind
November 14, 2025 at 6:09 PM
i love when people roast tailwind
applying to front-end jobs pretending I know react
November 14, 2025 at 6:04 PM
applying to front-end jobs pretending I know react
I think I’m way better at CSS than the average coder and I’m passionate about it… but then I come on here and feel like a fraud bc everyone is playing with new features and I haven’t used container queries yet 😂
November 14, 2025 at 6:02 PM
I think I’m way better at CSS than the average coder and I’m passionate about it… but then I come on here and feel like a fraud bc everyone is playing with new features and I haven’t used container queries yet 😂
Reposted by Scarlie ✨
CSS masonry layouts have resolved to use grid-lanes as the syntax
November 13, 2025 at 3:37 AM
CSS masonry layouts have resolved to use grid-lanes as the syntax
I downloaded Affinity the other day because fuck adobe and its actually really nice. i've been using it in an indesign way!
Only things so far—I wish you could change the font of the leaders in the table of contents and i wish the table of contents styles were more flexible.
Only things so far—I wish you could change the font of the leaders in the table of contents and i wish the table of contents styles were more flexible.
November 13, 2025 at 5:48 PM
I downloaded Affinity the other day because fuck adobe and its actually really nice. i've been using it in an indesign way!
Only things so far—I wish you could change the font of the leaders in the table of contents and i wish the table of contents styles were more flexible.
Only things so far—I wish you could change the font of the leaders in the table of contents and i wish the table of contents styles were more flexible.
Reposted by Scarlie ✨
US states if they were named using web styling approaches:
CSS:
.Massachusetts
CSS-in-JS:
.acf6ed3e
BEM:
.us_state__massachusetts
Tailwind:
absolute top-1/2 left-1/2 z-10 hidden -translate-x-1/2 -translate-y-1/2 gap-[calc(1rem/16*7)] rounded-full border border-gray-950 bg-gray-950/90 py-0.5 pr-2
CSS:
.Massachusetts
CSS-in-JS:
.acf6ed3e
BEM:
.us_state__massachusetts
Tailwind:
absolute top-1/2 left-1/2 z-10 hidden -translate-x-1/2 -translate-y-1/2 gap-[calc(1rem/16*7)] rounded-full border border-gray-950 bg-gray-950/90 py-0.5 pr-2
November 13, 2025 at 3:54 PM
US states if they were named using web styling approaches:
CSS:
.Massachusetts
CSS-in-JS:
.acf6ed3e
BEM:
.us_state__massachusetts
Tailwind:
absolute top-1/2 left-1/2 z-10 hidden -translate-x-1/2 -translate-y-1/2 gap-[calc(1rem/16*7)] rounded-full border border-gray-950 bg-gray-950/90 py-0.5 pr-2
CSS:
.Massachusetts
CSS-in-JS:
.acf6ed3e
BEM:
.us_state__massachusetts
Tailwind:
absolute top-1/2 left-1/2 z-10 hidden -translate-x-1/2 -translate-y-1/2 gap-[calc(1rem/16*7)] rounded-full border border-gray-950 bg-gray-950/90 py-0.5 pr-2
I start off as the first one and it devolves into the second one
November 13, 2025 at 5:33 PM
I start off as the first one and it devolves into the second one
The cups I designed at work came in!
June 28, 2025 at 4:56 PM
The cups I designed at work came in!
Hii I updated my portfolio check it out scarlie.com
June 28, 2025 at 4:43 PM
Hii I updated my portfolio check it out scarlie.com
@lea.verou.me Hi I'm sorry for tagging you but I saw this on your website and it absolutely blew my mind and shook my soul
June 28, 2025 at 4:43 PM
@lea.verou.me Hi I'm sorry for tagging you but I saw this on your website and it absolutely blew my mind and shook my soul
Reposted by Scarlie ✨
This just shattered my worldview i had no idea lh was a thing my whole world has fallen apart and opened up and i feel deeply betrayed bc i searched up css units last week to see if there were any i didnt know about and lh was NOT on there
margin-trim is cool too i just learned so much im in awe
margin-trim is cool too i just learned so much im in awe
Do you need a simple warm up to slowly get your brain back into CSS after a long holiday break?
I intentionally made this article easy breezy.
12daysofweb.dev/2024/css-mar...
I intentionally made this article easy breezy.
12daysofweb.dev/2024/css-mar...
CSS margin-trim and line height units | 12 Days of Web
Learn ways of perfecting design with line height units and margin-trim.
12daysofweb.dev
January 24, 2025 at 8:57 PM
This just shattered my worldview i had no idea lh was a thing my whole world has fallen apart and opened up and i feel deeply betrayed bc i searched up css units last week to see if there were any i didnt know about and lh was NOT on there
margin-trim is cool too i just learned so much im in awe
margin-trim is cool too i just learned so much im in awe