magick.css
Dev tools
css framework
SHOW HN2024
How HN took it
13 positive, 7 neutral or asking, 1 mixed, 15 critical, out of 36 comments about the project. Thread score +0.05.
Design: 7 for, 11 againstIdea: 2 for, 1 againstPrivacy: 0 for, 2 againstDocs: 1 for, 0 againstExecution: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Beautiful design, typography and readability praised
From 4 comments
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…
btown on HNThe fonts here are superb, I found the page to be highly readable and absolutely cute without being over the top. Delightful :)
junon on HNI 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…
tetris11 on HNTruly beautiful! These are always hard to get right, but this one is compelling.
jdthedisciple on HN
Classless approach welcomed
From 2 comments
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.
ramesh31 on HNLove this. Classless styling can offer so much, especially in the context of document-driven websites.
andrei_says_ on HN
Objections
Script-style font and uppercase hurt readability
From 3 comments
No. Please don't put script fonts in uppercase. It's absolute death to readability. Actually don't put anything in uppercase - like underlining, it's a form of emphasis that has…
MrVandemar on HNThe font doesn't seem that great to me. Not sure exactly why but while it's not quite difficult for me to read, it's not as easy as other common fonts.
rascul on HNStyle yes, but I find it so hard to read.
arendtio on HN
Google Fonts remote loading raises privacy concerns
From 3 comments
Is it typical for these frameworks to link to Google fonts in them? It seems like a privacy/tracking issue, or am I offbase?
runjake on HN> It seems like a privacy/tracking issue, or am I offbase? It absolutely is, and if you do include them you have to show a consent popup in the EU.
kolme on HNIs there not a privacy-respecting font-host besides google? A lot of privacy/ad focused extensions will block these.
0pteron on HN
Line height too tight
From 1 comment
The font is fine, it's the line-height that is wrong: the text is a bit too squished
troupo on HN
Requests
Custom checkboxes and radio buttons
From 1 comment
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…
btown on HN
Link to unminified source
From 1 comment
If we are going to add some notes... I appreciate it if sites demoing their CSS embed the non-minimized version. I wanted to take a quick peek at what it looked like, but instead…
fbdab103 on HN
Questions
Can the framework be used without the font
From 1 comment
Why can't I use this one? I don't see anything mentioned about the font being required or even part of it.
rascul on HN
Privacy-respecting font host alternative
From 1 comment
Is there not a privacy-respecting font-host besides google? A lot of privacy/ad focused extensions will block these.
0pteron on HN
Alternatives named
Tufte CSS
From 2 comments
People who like this may also enjoy Tufte CSS (https://edwardtufte.github.io/tufte-css/).
crooked-v on HNTry Tufte CSS: https://edwardtufte.github.io/tufte-css/
fmajid on HN
Classless CSS lists and other minimal frameworks (mvp.css, Pico, new.css, Water.css)
From 2 comments
oh i collect these! - https://andybrewer.github.io/mvp/ mvp.css - https://yegor256.github.io/tacit/ - https://github.com/alvaromontoro/almond.css has thin fonts -…
swyx on HNhttps://github.com/dbohdan/classless-css Lots of options here.
Sai_ on HN