This is an absolutely beautiful design system, and a beautiful way of presenting one. I love the interplay of the organic serifs and handwritten script for inputs, with all the attention to detail for balanced line heights and weights.<p>Code for those interested: <a href="https://github.com/wintermute-cell/magick.css/blob/master/magick.css">https://github.com/wintermute-cell/magick.css/blob/master/ma...</a><p>Wish there were custom checkboxes and radio buttons - they're the only thing that break immersion at the moment! Everything else is absolutely stellar. Might inspire me to finally make that blog I've been thinking about!
this, mixed with the look of a LaTeX document is exactly the kind of vibe I'm looking to go with for my personal site as well. Something just so appealing about it to me.<p>that, and the ultra-minimal look of websites of old university professors (basically just html and nothing else) looks so cool to me.<p>i wish personal blogs were more popular!
People who like this may also enjoy Tufte CSS (<a href="https://edwardtufte.github.io/tufte-css/" rel="nofollow">https://edwardtufte.github.io/tufte-css/</a>).
No. Please don't put script fonts in uppercase. It's absolute death to readability.<p>Actually don't put <i>anything</i> in uppercase - like underlining, it's a form of emphasis that has its origins in typewriters, which were locked to one typeface.<p>The uppercase letterforms are too similar -- there is no variation in the heights of the letters, so your eye finds it harder to read. Upper and lower case, you have letters like y and p and j which have descenders; b and d and t who have <i>ascenders</i>, and the variation is easier to parse.<p>For emphasis, please use size, weight, and italics.<p>Thank you.
I wish there were more of the minimalist CSS frameworks with opinionated styling. Easy to find very nice generic ones, but harder if you want one with some flavor.
Why do all css frameworks and design systems hate text inputs so much?<p>Here: Instead of using common sense Google ended up doing a user study with 800 participants to arrive at the conclusion that text inputs must look like text inputs <a href="https://medium.com/google-design/the-evolution-of-material-designs-text-fields-603688b3fe03" rel="nofollow">https://medium.com/google-design/the-evolution-of-material-d...</a>
I love the idea of (mostly) classless css frameworks. I tried to make one a while ago but it's probably not as good: <a href="https://elementcss.neocities.org" rel="nofollow">https://elementcss.neocities.org</a>
I was scrolling down expecting to be surprised by a sudden outburst of color, but instead I was pleased that the structure just remained consistent and readable, and monochrome was a deliberate and pleasing aesthetic. Well done!
Really interesting. One thing I particularly appreciate is how it is fully commented and you can decide only to extract the parts that you need. The part to add line numbers to code looks very nicely done!
It love it.<p>For the hell of it, I looked at the Chinese translation offered in the nav. I can’t read Chinese, so I wonder what someone who can read it thinks, but it looks very cluttered to me. (I know font options are very limited compared to English.) Interestingly, it also uses different photos.
Beautiful. Classless needs to become the standard for CSS libraries. I'm tired of learning your DSL to center a div. Just make the HTML do what I expect it to.
I updated my small Vue template site to use this instead of new.css as a little refresh! Thank you for sharing.<p><a href="https://vue-template.spaghet.me/" rel="nofollow">https://vue-template.spaghet.me/</a>
Starred, love this. I’m looking for something more than a reset but less than a framework on something at the moment and this is on my shortlist of places to look for inspiration about what modern advanced CSS looks like.<p>Is there a central place for in-the-know CSS wizards to post and discuss their most recent next level demo?<p>Years ago there was something called like CSS Zen Garden or something but times have moved on I think.
I love classless CSS frameworks, but I think it's a pity that there are only so few that use serif fonts. I'm grateful for any links if anybody has some hints.