scardusty
@scardusty.bsky.social
CSS Enthusiast/Designer/Illustrator who cant stop making new websites
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 scardusty
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 scardusty
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 scardusty
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
Reposted by scardusty
Just combined lh units with vw units to scale a header font size. is this what heroin feels like
January 25, 2025 at 12:48 AM
Just combined lh units with vw units to scale a header font size. is this what heroin feels like
Reposted by scardusty
😍 PSA: ident() is an upcoming CSS feature I’m incredibly excited about and you're about to be too.
It will allow you to compose CSS variables from other variables, making code like this possible. 😍
Spec: drafts.csswg.org/css-values-5...
Proposal (by @bram.us ): github.com/w3c/csswg-dr...
It will allow you to compose CSS variables from other variables, making code like this possible. 😍
Spec: drafts.csswg.org/css-values-5...
Proposal (by @bram.us ): github.com/w3c/csswg-dr...
January 22, 2025 at 6:53 PM
😍 PSA: ident() is an upcoming CSS feature I’m incredibly excited about and you're about to be too.
It will allow you to compose CSS variables from other variables, making code like this possible. 😍
Spec: drafts.csswg.org/css-values-5...
Proposal (by @bram.us ): github.com/w3c/csswg-dr...
It will allow you to compose CSS variables from other variables, making code like this possible. 😍
Spec: drafts.csswg.org/css-values-5...
Proposal (by @bram.us ): github.com/w3c/csswg-dr...
Reposted by scardusty
Reposted by scardusty
NEED
You can now see which value is the active value in min(), max() and clamp()
- in Canary DevTools today
- coming to Chrome stable soon!
- in Canary DevTools today
- coming to Chrome stable soon!
February 1, 2025 at 9:41 PM
NEED
Reposted by scardusty
<table> highlighting with CSS :has() 💡
td:has(~ td:hover), /* previous sibling cells */
table:has(td:nth-of-type(3):hover) /* column cells */
tr:not(:first-of-type):has(~ tr:hover)
td:nth-of-type(3) {
background: var(--highlighted);
}
td:has(~ td:hover), /* previous sibling cells */
table:has(td:nth-of-type(3):hover) /* column cells */
tr:not(:first-of-type):has(~ tr:hover)
td:nth-of-type(3) {
background: var(--highlighted);
}
February 5, 2025 at 9:07 PM
<table> highlighting with CSS :has() 💡
td:has(~ td:hover), /* previous sibling cells */
table:has(td:nth-of-type(3):hover) /* column cells */
tr:not(:first-of-type):has(~ tr:hover)
td:nth-of-type(3) {
background: var(--highlighted);
}
td:has(~ td:hover), /* previous sibling cells */
table:has(td:nth-of-type(3):hover) /* column cells */
tr:not(:first-of-type):has(~ tr:hover)
td:nth-of-type(3) {
background: var(--highlighted);
}
Reposted by scardusty
Coolors changed my life forever today with this visualizer. One of my favorite websites fr fr coolors.com
February 12, 2025 at 5:57 PM
Coolors changed my life forever today with this visualizer. One of my favorite websites fr fr coolors.com
Reposted by scardusty
Coolors Palette Visualizer
Need something more custom? With this one you can generate main colors for your site and preview them easily
Need something more custom? With this one you can generate main colors for your site and preview them easily
December 15, 2024 at 8:30 AM
Coolors Palette Visualizer
Need something more custom? With this one you can generate main colors for your site and preview them easily
Need something more custom? With this one you can generate main colors for your site and preview them easily