An overview of what makes modern CSS so awesome.

Hacker News is a community-driven platform for sharing and discussing technology news, startups, and programming-related topics. Through user submissions and comments, Hacker News offers insights into emerging technology trends, industry developments, and entrepreneurial ventures. Readers can participate in discussions, share their insights, and stay informed about the latest advancements in technology and innovation.

Hacker News

Modern CSS has evolved significantly with features like nesting, relative colors, container queries, and improved viewport units, making it possible to build interactive web experiences without JavaScript. The post demonstrates practical examples including theming, form validation, animations, and responsive design using only HTML and CSS, while highlighting performance benefits and accessibility advantages of CSS-only solutions.

You no longer need JavaScript

Over-reliance on JavaScript, or applications that cannot be opened without it, is bad. However, I also believe that rejecting JavaScript itself, or attempting to express everything solely with CSS, is equally bad.

The CSS nesting and the custom tag names blew my mind!
<pre><code class="language-html">&lt;style&gt;
cool-thing {
 display: flex;
 &amp;[shadow] {
 box-shadow: 1px 1px #0007;
 }
 @media (width &lt; 480px) {
 flex-direction: column;
 }
}
&lt;/style&gt;
&lt;cool-thing shadow&gt;wow&lt;/cool-thing&gt;
</code></pre>
THIS IS SO COOL!
I now feel I was living under a rock in the center of a city! 😅

I do still need JS to make money cause no one will hire an HTML/CSS developer

nice how css does frontend logic like api requests now!
<img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExbnFzeWw0ejYwc3ozcTd3M3JxaWZkeGlmM2Fob3RqeW1xOXlwdDI1biZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/NgdYARNcpEd0WsMExy/giphy.gif" alt="">

CSS sucks. But JS sucks more so this is a win.