Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

New.css – A classless CSS framework to write modern websites using only HTML

newcss.net

Post reply on HN
Print view View original

121–130 of 192 posts

Re: New.css – A classless CSS framework to write modern websites using only HTML

#121

Post by _bxg1 »

chongli wrote: post #120
_bxg1 wrote: post #107

Earlier quoted context omitted.

As suggested by a sibling comment the key isn't to prevent horizontal scrolling, but to prevent content from overflowing a single screen width. Which isn't hard per se but doesn't have a one-size-fits-all solution.

So many websites overflow a single screen width by a trivial amount. This is just enough to cause accidental horizontal scrolling which disrupts the flow of scrolling the page. Very frustrating!

Yep. The offenders are usually really long un-line-breakable words, images, or videos. In this case we have:

  href="https://newcss.net/theme/terminal.css">
Which is not being allowed to break to a new line because it doesn't contain whitespace. A CSS rule can be used to allow it to break, though that can also have other, unwanted ramifications.

Re: New.css – A classless CSS framework to write modern websites using only HTML

#123

Post by mlok »

mathnmusic wrote: post #117
hotwire wrote: post #54

Earlier quoted context omitted.

hah, reminds me of http://www.csszengarden.com but simpler.

I would like these themes to go beyond a simple article view. We have tags like , , , , and now. Should be possible to build a complete app-shell with classless CSS.

This is what I expected too. This one has nav, aside : http://classless.de/#extra

Plus a couple bootstrap classes where HTML5 has no elements : grid and card.

Re: New.css – A classless CSS framework to write modern websites using only HTML

#124

Post by oxalorg »

mlok wrote: post #118
oxalorg wrote: post #44

Author of Sakura.css [0] here linked in the article. Thanks for the link ^_^, new.css looks super great! A bit more on "WHY" you'd want to use a classless theme: * Quick prototyping, especially when working on backend sites and can't yet be bothered to fidget with css/html. * Building a quick (but pretty) site/blog for your best friend or aunt! * Works amazingly with markdown generated HTML content. So it's a perfect…

For some reason the footnote link on sakura did not make my view jump to the note (neither Firefox 76.0.1, nor Chromium 81.0.4044.138 / Linux Ubuntu) although it works in Wikipedia.

Hey are you talking about the footnote link [0] on the demo page?

If so thanks for pointing it out, looks like I forgot to add the `fn1` footnote id on the element. Fixed it.

[0]: https://oxal.org/projects/sakura/demo/#fn1

Re: New.css – A classless CSS framework to write modern websites using only HTML

#125

Post by oxalorg »

exampledev wrote: post #80
oxalorg wrote: post #44

Author of Sakura.css [0] here linked in the article. Thanks for the link ^_^, new.css looks super great! A bit more on "WHY" you'd want to use a classless theme: * Quick prototyping, especially when working on backend sites and can't yet be bothered to fidget with css/html. * Building a quick (but pretty) site/blog for your best friend or aunt! * Works amazingly with markdown generated HTML content. So it's a perfect…

Never in a thousand years would I even consider being on the same level as oxal's project. It's an absolute honor! Thanks so much for your support.

Haha thanks, you're being too humble ^_^

BTW loving the xz logo and the website. Overall super cool!

Re: New.css – A classless CSS framework to write modern websites using only HTML

#126

Post by riezebos »

nateberkopec wrote: post #51

I don't understand the claims re: font loading. > Vercel's impossibly fast CDN delivers new.css and the font Inter using xz/fonts, so there's virtually no bloat added to your pages. It's 300kb of font downloads, hardly light. And the xz/fonts page says: >Break your users from unethical tracking networks I'm still making a request to a 3rd party CDN with an origin header that says what page I'm looking at, so I'm not…

Slightly off-topic but this made me wonder: is it possible to store the 1000 most used web fonts locally and tell your browser to use the local version instead of the Google version?

Re: New.css – A classless CSS framework to write modern websites using only HTML

#127

Post by riquito »

exampledev wrote: post #78
toyg wrote: post #67

Earlier quoted context omitted.

I guess the key word is “unethical”.

Hey, developer of both here. It's certainly not a light download, I understand. It's more of an effort to pull CDN requests to known unethical networks, namely Google Fonts, which are known to be used to track users between websites. I'll be more clear about this in the future, thanks for your opinions!

Any source about the unethical bit? Their privacy section looks good

https://developers.google.com/fonts/faq#what_does_using_the_...

Re: New.css – A classless CSS framework to write modern websites using only HTML

#128

Post by brlewis »

There are reasonable arguments that CSS is best done with no classes, only semantic elements. There are reasonable arguments that CSS is best done with classes only, independent of element name. And there are valid arguments for various incompatible ways of naming and namespacing CSS class names. We are a long way from one "right" way of doing CSS.

Re: New.css – A classless CSS framework to write modern websites using only HTML

#130

Post by mikeg8 »

_bxg1 wrote: post #111
HugoDaniel wrote: post #90

This recent vibe of minimal CSS files for plain HTML tags feels the same as the CSS Zen Garden from years ago. Which is very good and quite welcome in the current state of overbloated JS frameworks that do everything. I wonder if this will also drive further the adoption of standard web components https://open-wc.org/guide/

Stylesheets have absolutely nothing to say about JS framework usage and vice-versa.

In theory yes, but React and similar JS frameworks have been chomping away at the “cascading” of CSS for a while, in favor of embedding styles inside each JS component. They have become very much intertwined.
Post reply on HN