What’s your favorite NASA logo?
Microblog
Remember kids, cool URIs don't change! https://www.w3.org/Provider/Style/URI.html
For the last two days at work, I’ve been able to:
- Write plain CSS
- Write vanilla JavaScript
- Use a library without a build step
Breath of fresh air, let me tell you.
I keep seeing a lot of posts about @eleventy so I just want to throw mine out there. I made this website for listening to synthwave mixes from YouTube.
One cool thing about Eleventy is that it can generate pages from API data, which is exactly what mine does.
I wrote some thoughts down about CSS micro-frameworks and classless CSS themes. https://blakewatson.com/journal/surveying-the-landscape-of-css-micro-frameworks/
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.