loading...
xz

new.css - modern websites with only HTML

3x profile image Example ・1 min read

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!

Posted on by:

xz

xz makes free, open-source web dev tools and curated resource lists.

Discussion

markdown guide
 

Reminds me of marx!

Also, nice work! 😁

 

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

 
 

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.

 

Nice, will try it one day.

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

 

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.

 

Very nice for building bare-bones projects quickly!

 

That's awesome in so many different levels of simplicity! Thank you 🙇

 

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.

 

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

 

Love it, thank you for sharing 🙏

 

It is really great and makes things very simple.