I wrote some thoughts down about CSS micro-frameworks and classless CSS themes. https://blakewatson.com/journal/surveying-the-landscape-of-css-micro-frameworks/
Microblog
My general feeling is that most of these are dated and perhaps not as useful as they once were because of how good CSS is now. But I still think there is a place for frameworks for providing good default styles.
I’d love to see some more modern ones, if they exist.
Anybody have any micro CSS frameworks they like? These are a sort of step up in capability from classless themes, but are smaller than something like Bootstrap.
A few examples I know of:
- Pico: https://picocss.com/
- Spectre: https://picturepan2.github.io/spectre
- Milligram: https://milligram.io
- Skeleton: http://getskeleton.com/
- Picnic: https://picnicss.com/
- Pure: https://purecss.io/
If the new yellow iPhone color isn't called easy peasy lemon squeezy then Apple is just wasting everyone’s time.
Speaking of classless CSS stylesheets, I should of included a link to the OG collection from the W3C. https://www.w3.org/StyleSheets/Core/
Honorable mention: While it isn’t technically classless, and it also requires a web font, Doodle is a fun one that makes all of your form elements look hand drawn. https://chr15m.github.io/DoodleCSS/
I've been trying to figure out what it is I love about these classless (or even low-class) CSS “frameworks,” but I still can't quite put my finger on it. Anyway, here are some of my favorites so far. Please send me yours if you have any.
- Simple.css https://simplecss.org/
- Water.css https://watercss.kognise.dev/
- awsm.css https://igoradamenko.github.io/awsm.css/
- holiday.css https://holidaycss.js.org/usage/
- GDCSS https://gdcss.netlify.app/
- Neat https://neat.joeldare.com/
- Typesafe https://tdarb.org/typesafe-css/
For the time being, I am using Craft which has some flaws but does work pretty well with the Accessibility Keyboard.
(If you don't know what that is, it is a built-in onscreen keyboard in macOS.)
I would love to give Obsidian a real try but there is a very obscure bug that prevents me from using many of the fancy web-based editors.
For some reason, when using certain web based editors (including Slack and Discord), the macOS Accessibility Keyboard completely stops offering word prediction, leaving me to click one letter at a time, with no completion support.
I suspect it has to do something with `contenteditable` because the problem doesn't occur in regular inputs.
I’m becoming obsessed with classless CSS frameworks. Anyone got any to recommend? I’m especially looking for the deep cuts, as I already know about the popular ones (eg, Water, Simple).
If AI ever figures out how to create believable hands in images, that's the beginning of the end for us.
Every now and again I come across a web article written in a beautiful serif font.
“Ooh, who are you?” I mumble under my breath.
I inspect it in devtools only to find out it’s Georgia.
Gets me every time.
You can shame me for unsubscribing from your marketing spam, but you can’t win. With each opt-out I shall become more powerful than you can possibly imagine.
☺️
I am thinking it’s a sign that the freckles in our eyes are mirror images and when we kiss they perfectly align.
What site generators do people like for user guides and documentation?
🥰
I made an old man rant on social.lol about scrollbars and it became my most popular social media post ever. Gives me warm fuzzies that so many others care about this humble-yet-powerful UI control.
@ranylt@wandering.shop @kagan Yes. So with Discord I can’t really use the “native” app because of the scrollbar situation there. So I use it in the web browser with the ScrollAnywhere extension installed.
This extension lets me scroll, uh, anywhere by clicking and dragging the page as if on a mobile device. It’s really handy and I wish I could install it at the OS level.