Cool native HTML elements you should already be using

&gt; I’ve used TailwindCSS for the styling, but you can apply them directly with CSS for the same result<p><pre><code> class=&quot;[&amp;::-webkit-progress-bar]:rounded-lg [&amp;::-webkit-progress-value]:rounded-lg [&amp;::-webkit-progress-bar]:bg-stone-300 [&amp;::-webkit-progress-value]:bg-stone-400 [&amp;::-moz-progress-bar]:bg-stone-400&quot; </code></pre> Anyone else think this Tailwind-everything trend has gone too far? Tools have strengths and weaknesses, but I never understood why Tailwind specifically is so poularly seen as some kind of &quot;default&quot; these days - rather than a supplement to CSS for common&#x2F;simple operations.<p>Personally I think the popular trends have overcorrected from CSS; soon we&#x27;ll realize that the amount of complexity above is screaming to be packaged up and named something, rather than being crammed into the markup alongside more sensible things like text-black.

The problem is that they can&#x27;t be customised to whatever the UI&#x2F;UX team dreamed on their PowerPoint,Photoshop,Sketch,Figma,..... drawings, expecting platform capabilities like on native GUIs.<p>Thus even if supported, they don&#x27;t do those cool UI&#x2F;UX workflows sold to clients, and that is how we still end with a div&#x2F;css&#x2F;javascript soup, or back to Flash like approaches, now that WebGL&#x2F;WebGPU&#x2F;WebAssembly has brought that tooling back into the Web.

This website is quite broken on firefox android. Lots of jank but most notably the viewport isn&#x27;t fixed so when you interact with sliders the viewports also shifts to the side. Figured I&#x27;d point it out as it&#x27;s an article about website interaction.

Stoked to see a few hundred people have already read this article (and one person&#x27;s already suggested an improvement!).<p>What other elements should I add?

Tiny nit-pick: onclick=&quot;document.getElementById(&#x27;modal&#x27;).showModal()&quot; in yellow box 3 seems to not allow word breaks, overflowing the page