DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
bdn for xz

Posted on

new.css - modern websites with only HTML

Home / GitHub / Discord

new.css is a classless CSS framework to write modern websites using only HTML. It weighs ~4.5kb.

I make a lot of websites. It's a common sight, while making a super simple website, to find myself writing the same CSS over and over just to clean up ugly 90's styling.

the interweb

In these situations, it would be a waste to import a giant framework like Bootstrap when I'm going to use precisely 3 components. I made new.css to fill this void, and to start creating websites differently.

The web was made for semantic HTMLβ€”let's start using it. You can import new.css into your body's <head> using one line.

<link rel="stylesheet" href="https://newcss.net/new.min.css">

Here's how that site looks now.

new.css-ified

It's not going to make you a fancy carousel. It's not going to give you 12 different column elements. All it does is turn basic HTML into something that the Smithsonian isn't going to request for their History of Computing exhibit.

There's a demo on newcss.net and it's fully open-source on github.com/xz/new.css.

Let me know what you think. If you have any comments, questions, please let me know!

Top comments (12)

Collapse
 
caiangums profile image
IlΓͺ Caian

Reminds me of marx!

Also, nice work! 😁

Collapse
 
bdn profile image
bdn Author

Thanks, IlΓͺ! That looks like a great tool, thanks for sharing.

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

Thanks, it's the answer to this question no body can answer.

quora.com/Why-does-default-HTML-wi...

Collapse
 
bitdweller profile image
Pedro Pimenta

It was planned this way loooong ago, changing it now, would likely break many stylings.

We build our CSS based on the browser standards. Changing that will certainly change some elements on websites that don't so normalize/reset/etc...

That's why it will (probably) not change.

Collapse
 
sen77 profile image
sen77

Nice, will try it one day.

A little advise: don't name anything 'new'. Because tomorrow it will certainly become 'old'

Collapse
 
crock profile image
Alex Crocker

Congrats on the launch @3x ! I've known this guy for a long time. He diligently served as a moderator on Domaincord.org for years and does a fantastic job! This guy is definitely going places in 2020.

Collapse
 
bitdweller profile image
Pedro Pimenta

Very nice for building bare-bones projects quickly!

Collapse
 
diegomouradev profile image
Diego Moura

That's awesome in so many different levels of simplicity! Thank you πŸ™‡

Collapse
 
vladi160 profile image
vladi160

I can't understand, why I need that instead of Bootstrap. In it, I can import only grid or all the styles or mobile or only JS.

Collapse
 
felipegs profile image
Felipe Gustavo

Interesting idea to use in simple frontends when you just want to test some ideia quickly. Congrats.

Collapse
 
lukewaring profile image
Luke Waring

Love it, thank you for sharing πŸ™

Collapse
 
vimarsh244 profile image
Vimarsh Shah

It is really great and makes things very simple.

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.