Show HN: magick.css – Minimalist CSS for Wizards • Hacker News Board

Re: Show HN: magick.css – Minimalist CSS for Wizards

#71

Post by timvdalen » Sat, Mar 23, 2024, 4:41 PM UTC

swyx wrote: post #2

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 - https://picocss.com/ Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. - https://simplecss.org/demo 4kb incl dark mode - https://watercss.kognise.dev/ Small size ( - https://github.com/xz/new.css ( https://ne…

That typesettings one has a confusing license. GitHub says MIT, the linked page says commercial use not allowed.

Re: Show HN: magick.css – Minimalist CSS for Wizards

#72

Post by alsetmusic » Sat, Mar 23, 2024, 4:42 PM UTC

PhrosTT wrote: post #62

rascul wrote: post #38

Earlier quoted context omitted.

The 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.

You are welcome to use vanilla frameworks for a generic looking site. This is clearly intended as a thematic look.

Yes, but it shouldn't be to the point that it gets in the way of the content. But I'm not a web designer and I'm not the intended audience. Still, I like to click through to interesting (to me) things and check them out. The typeface kept me from investigating as far as I normally might.

Re: Show HN: magick.css – Minimalist CSS for Wizards

#73

Post by ramesh31 » Sat, Mar 23, 2024, 4:56 PM UTC

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.

Re: Show HN: magick.css – Minimalist CSS for Wizards

#74

Post by noiiyfdedvv » Sat, Mar 23, 2024, 5:40 PM UTC

eddd-ddde wrote: post #67

noiiyfdedvv wrote: post #64

Earlier quoted context omitted.

I was curious so I checked. According to MDN: > Permitted parents: Any element that accepts flow content. Note that a element must not be a descendant of an , or another element I think you can use a header more or less anywhere, and it is a header for content contained by its parent.

I think it is more related to whether your header and footer are actually the main content of your page, which may vary from page to page.

Good point. Apparently (MDN) there should only be 1 main on a page, and it should not include sidebars, generic headers/footers repeated on other pages, etc.

So, you might have a site-wide header, a main containing a content-specific header / content / footer, and then a site-wide footer.

Not sure how useful that would be, but interesting to me as a sometime web hacker.

Re: Show HN: magick.css – Minimalist CSS for Wizards

#75

Post by rascul » Sat, Mar 23, 2024, 7:28 PM UTC

PhrosTT wrote: post #62

rascul wrote: post #38

Earlier quoted context omitted.

The 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.

You are welcome to use vanilla frameworks for a generic looking site. This is clearly intended as a thematic look.

Why can't I use this one? I don't see anything mentioned about the font being required or even part of it.

Re: Show HN: magick.css – Minimalist CSS for Wizards

#76

Post by qingcharles » Sat, Mar 23, 2024, 11:52 PM UTC

noiiyfdedvv wrote: post #3

There’s a little typo in the simple example: Note closing header not main.

I use the tag for the main content of the page, and then for related but extra content, such as the comments section, tags, etc.

Re: Show HN: magick.css – Minimalist CSS for Wizards

#77

Post by qingcharles » Sat, Mar 23, 2024, 11:52 PM UTC

ykonstant wrote: post #44

Atotalnoob wrote: post #31

Earlier quoted context omitted.

Or is it the best look?

It was the best of looks, it was the worst of looks, it was the Sans of Comics~

It was the blurst of looks...

Re: Show HN: magick.css – Minimalist CSS for Wizards

#78

Post by swyx » Sun, Mar 24, 2024, 2:49 AM UTC

skeptrune wrote: post #8

swyx wrote: post #2

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 - https://picocss.com/ Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. - https://simplecss.org/demo 4kb incl dark mode - https://watercss.kognise.dev/ Small size ( - https://github.com/xz/new.css ( https://ne…

Damn, should edit this to include a header like "list of minimal CSS frameworks" so that it becomes searchable for folks looking for something like this.

youve just done that !

Re: Show HN: magick.css – Minimalist CSS for Wizards

#79

Post by fouc » Sun, Mar 24, 2024, 5:19 AM UTC

troupo wrote: post #55

fouc wrote: post #39

Earlier quoted context omitted.

I think that's kind of the whole point. It is introducing an ambience, it is deliberately made quirky and irregular like the handwriting of some. It is not a common font and that means our eyes are going to be slightly unused to reading it.

The font is fine, it's the line-height that is wrong: the text is a bit too squished

Oh I see what you mean

Re: Show HN: magick.css – Minimalist CSS for Wizards

#80

Post by bovermyer » Sun, Mar 24, 2024, 6:36 AM UTC

fmajid wrote: post #65

bovermyer wrote: post #58

Earlier quoted context omitted.

Hmm, yes, this does break a rule of legibility. It's harder to read than it could be. However, in doing so, it also creates a distinctive style. I think I like it.

My general rule is, if Reader Mode improves your site, your site is a failure.

That's fine for you.

My general rule is less draconian and more receptive to aesthetic experimentation.