CSS
This page lists some CSS resources I find of interest, most notably minimalist layout frameworks.(...)
#css #design #html #minimalism #stylesheets #web
https://taoofmac.com/space/dev/css?utm_content=atom&utm_source=mastodon&utm_medium=social
#Development #Findings
The CSS Selection 2026 · The state of real-world CSS usage https://ilo.im/16afiy
_____
#Stylesheets #Metrics #Websites #Content #Media #Fonts #Browsers #WebDev #Frontend #CSS
Hmm, is there a way to use sass combinators with attribute string concatenation for the value?
Here are my outputs:
data-class="Form-status--complete"data-class="Form-status--in-progress"data-class="Form-status--expired"
I want to do something like this:
Stefano Picco
Tao of Mac
Inautilo
Luke Harby [data-class='Form'] {
&-status {
&--complete {
color: $c-state-orange;
}
&--in-progress {
color: $notice-icon-pending;
}
&--expired {
color: $c-state-gray;
}
}
}
Of course that doesn't work. But I am not sure if I can avoid repeating myself
I am assuming you can't just open the square brackets and wrap them around your logic like:
[data-class='Form {
&-status {
...
}']
#css #sass #scss #stylesheets #html #FrontEnd #FrontEndHelp #WebDev
#Development #Templates
My opinionated CSS reset · Modern base styles for consistent web design https://ilo.im/16a17y
_____
#CssReset #StyleSheets #Consistency #Browsers #WebDesign #WebDev #Frontend #CSS
#CSS folk, is there a way to check "@supports" for the "@property" declarer?
I tried "@supports(initial-value: *)" but that doesn't seem to fly, at least in #LibreWolf, although the rule itself is supported 🤔
#Development #Approaches
My CSS selector strategy · Think of it as a “progressive narrowing of scope.” https://ilo.im/168bgo
#Development #Proposals
Zombie styles · Do your CSS files also contain any zombies? https://ilo.im/1687os
_____
#Terminology #Stylesheets #CssDeclarations #CssSpecificity #UiComponents #Frameworks #WebDev #Frontend #HTML #CSS
Also:
Read-only browsers killed what the web could've been.
Making the web server/client while having to rent a domain name, a server, & buy a certificate, etc to run a server made the web stillborn.
Per website style design was a terrible UX and accessibility mistake
#Stylesheets should've been something you install in your own browser such that "the web" would have the uniform look and feel you prefer.
As Mozilla fumbles #Firefox, let's reflect on what we'd lose if this unique browser + engine dies.
How can I get a list of #HTTP, #HTML and #CSS features that are only supported by Firefox / #Gecko? Does caniuse.com or MDN have this? Wikipedia?
Only Firefox supports assigning #stylesheets through HTTP headers:
https://meiert.com/blog/prefer-http-headers/
Only Firefox supports alternate stylesheets: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/alternate_stylesheet
Put these facts together, and you can make a secret stylesheet only for Firefox users.
Hippo 🍉
Dimly Lit Corners
Nelson