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

Native HTML elements with CSS superpowers

native-elements.dev

Post reply on HN
Print view View original

1–10 of 31 posts

Re: Native HTML elements with CSS superpowers

#3

Post by giancarlostoro »

From the website because I was wondering if this was some ReactNative alternative or what they meant by native HTML elements:

> Native Elements (NE) is not a CSS framework, no bundlers required or tons of configurations to set. You can consider it as a customizable plug-n-play library for your site which helps you easily styling all the available HTML elements using CSS custom properties, classes, attributes, or whatever you want in less than 7 kB. You can also build your class-based CSS framework on top of it.

Seems interesting, but as a common web developer not uber ahead on next gen stuff they could really put more examples in the homepage outside of just a gif. My best guess is this allows you to create new HTML elements that have some default properties, which sounds nice enough. I heard the browser was coming out with this capability or related in the future, I always forget what they're calling it next but I'm still waiting on that, unless this builds on that?

> This library is built using modern CSS feature and best practices, the compiled version supports only the latest two Chrome, Safari, Firefox, and Edge versions and this is possible thanks to Browserslist

I'm all for us all collectively taking out legacy browsers and forcing grumpy IT guys who are going to get their orgs hacked to finally upgrade, but which features? These details are useful to know.

Re: Native HTML elements with CSS superpowers

#4

Post by rbinv »

> You can consider it as a customizable plug-n-play library for your site which helps you easily styling all the available HTML elements using CSS custom properties, classes, attributes, or whatever you want in less than 7 kB

But I can do that already with 0 B overhead. The other features mentioned (customization, theming) can be had with pre-processors like SASS.

What exactly new/different does this offer?

Re: Native HTML elements with CSS superpowers

#6

Post by nicoburns »

giancarlostoro wrote: post #3

From the website because I was wondering if this was some ReactNative alternative or what they meant by native HTML elements: > Native Elements (NE) is not a CSS framework, no bundlers required or tons of configurations to set. You can consider it as a customizable plug-n-play library for your site which helps you easily styling all the available HTML elements using CSS custom properties, classes, attributes, or what…

This is just a CSS framework that allows you to apply pre-baked styles by adding attributes to your HTML elements.

Re: Native HTML elements with CSS superpowers

#7

Post by IgorPartola »

nicoburns wrote: post #6
giancarlostoro wrote: post #3

From the website because I was wondering if this was some ReactNative alternative or what they meant by native HTML elements: > Native Elements (NE) is not a CSS framework, no bundlers required or tons of configurations to set. You can consider it as a customizable plug-n-play library for your site which helps you easily styling all the available HTML elements using CSS custom properties, classes, attributes, or what…

This is just a CSS framework that allows you to apply pre-baked styles by adding attributes to your HTML elements.

This is the most concise explanation of what this project is. Why couldn’t the author save themselves the trouble of all that write up and just use that one sentence?

Re: Native HTML elements with CSS superpowers

#8

Post by yoz-y »

nicoburns wrote: post #6
giancarlostoro wrote: post #3

From the website because I was wondering if this was some ReactNative alternative or what they meant by native HTML elements: > Native Elements (NE) is not a CSS framework, no bundlers required or tons of configurations to set. You can consider it as a customizable plug-n-play library for your site which helps you easily styling all the available HTML elements using CSS custom properties, classes, attributes, or what…

This is just a CSS framework that allows you to apply pre-baked styles by adding attributes to your HTML elements.

As opposed to using classes? What is the advantage?

Re: Native HTML elements with CSS superpowers

#10

Post by rsoto »

Isn't it slower querying elements via attributes?

Whenever I find a «brand» new way to work with CSS (or whatever they wanted to call it), I'm skeptical. Most of the times they just redo what IDs and classes were made for, but way worse. While this might have good intentions in mind, it's just adding classes via attributes.

Also it's explained very badly, I had to click three buttons in order to get examples.

Post reply on HN