<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hacker News - Newest: &#34;CSS&#34;</title><link>https://news.ycombinator.com/newest</link><description>Hacker News RSS</description><docs>https://hnrss.org/</docs><generator>hnrss v2.1.1</generator><lastBuildDate>Wed, 26 Aug 2026 20:19:32 +0000</lastBuildDate><atom:link href="https://hnrss.org/newest?q=CSS" rel="self" type="application/rss+xml"></atom:link><item><title><![CDATA[Controlling when CSS custom properties are computed]]></title><description><![CDATA[
<p>Article URL: <a href="https://jakearchibald.com/2026/css-custom-property-compute-time/">https://jakearchibald.com/2026/css-custom-property-compute-time/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49450949">https://news.ycombinator.com/item?id=49450949</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Wed, 26 Aug 2026 15:34:08 +0000</pubDate><link>https://jakearchibald.com/2026/css-custom-property-compute-time/</link><dc:creator>jaffathecake</dc:creator><comments>https://news.ycombinator.com/item?id=49450949</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49450949</guid></item><item><title><![CDATA[Hover Proximity Using Modern CSS]]></title><description><![CDATA[
<p>Article URL: <a href="https://blog.master.dev/hover-proximity-using-modern-css/">https://blog.master.dev/hover-proximity-using-modern-css/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49450227">https://news.ycombinator.com/item?id=49450227</a></p>
<p>Points: 11</p>
<p># Comments: 0</p>
]]></description><pubDate>Wed, 26 Aug 2026 14:52:11 +0000</pubDate><link>https://blog.master.dev/hover-proximity-using-modern-css/</link><dc:creator>ibobev</dc:creator><comments>https://news.ycombinator.com/item?id=49450227</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49450227</guid></item><item><title><![CDATA[CSS Runtime Performance]]></title><description><![CDATA[
<p>Article URL: <a href="https://nolanlawson.github.io/css-talk-2022/#1">https://nolanlawson.github.io/css-talk-2022/#1</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49445298">https://news.ycombinator.com/item?id=49445298</a></p>
<p>Points: 2</p>
<p># Comments: 1</p>
]]></description><pubDate>Wed, 26 Aug 2026 07:39:06 +0000</pubDate><link>https://nolanlawson.github.io/css-talk-2022/#1</link><dc:creator>luu</dc:creator><comments>https://news.ycombinator.com/item?id=49445298</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49445298</guid></item><item><title><![CDATA[Why not build front end frameworks on raw HTML, CSS or JavaScript?]]></title><description><![CDATA[
<p>Article URL: <a href="https://okzgn.com/articles/why-not-build-frontend-frameworks-on-raw-html-css-or-js/">https://okzgn.com/articles/why-not-build-frontend-frameworks-on-raw-html-css-or-js/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49432829">https://news.ycombinator.com/item?id=49432829</a></p>
<p>Points: 3</p>
<p># Comments: 2</p>
]]></description><pubDate>Tue, 25 Aug 2026 12:30:18 +0000</pubDate><link>https://okzgn.com/articles/why-not-build-frontend-frameworks-on-raw-html-css-or-js/</link><dc:creator>okzgn</dc:creator><comments>https://news.ycombinator.com/item?id=49432829</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49432829</guid></item><item><title><![CDATA[Show HN: A Modern GUI Library for Ada: CSS Styling, XML UI, SDL3]]></title><description><![CDATA[
<p>Article URL: <a href="https://github.com/ovenpasta/adi2">https://github.com/ovenpasta/adi2</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49422243">https://news.ycombinator.com/item?id=49422243</a></p>
<p>Points: 57</p>
<p># Comments: 24</p>
]]></description><pubDate>Mon, 24 Aug 2026 16:30:51 +0000</pubDate><link>https://github.com/ovenpasta/adi2</link><dc:creator>ovenpasta</dc:creator><comments>https://news.ycombinator.com/item?id=49422243</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49422243</guid></item><item><title><![CDATA[We Taught a $3 Chip to Run CSS]]></title><description><![CDATA[
<p>Article URL: <a href="https://geastack.com/blog-we-taught-a-chip-to-run-css">https://geastack.com/blog-we-taught-a-chip-to-run-css</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49398462">https://news.ycombinator.com/item?id=49398462</a></p>
<p>Points: 1</p>
<p># Comments: 0</p>
]]></description><pubDate>Sat, 22 Aug 2026 11:02:28 +0000</pubDate><link>https://geastack.com/blog-we-taught-a-chip-to-run-css</link><dc:creator>arbayi</dc:creator><comments>https://news.ycombinator.com/item?id=49398462</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49398462</guid></item><item><title><![CDATA[Show HN: Cloth Physics in 3D CSS]]></title><description><![CDATA[
<p>Article URL: <a href="https://css.graphics/cloth/">https://css.graphics/cloth/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49387192">https://news.ycombinator.com/item?id=49387192</a></p>
<p>Points: 5</p>
<p># Comments: 1</p>
]]></description><pubDate>Fri, 21 Aug 2026 12:37:44 +0000</pubDate><link>https://css.graphics/cloth/</link><dc:creator>rofko</dc:creator><comments>https://news.ycombinator.com/item?id=49387192</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49387192</guid></item><item><title><![CDATA[ONNX.css – Neural network inference using stylesheets]]></title><description><![CDATA[
<p>Article URL: <a href="https://onnx.css.evanking.io/">https://onnx.css.evanking.io/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49375033">https://news.ycombinator.com/item?id=49375033</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 20 Aug 2026 14:26:08 +0000</pubDate><link>https://onnx.css.evanking.io/</link><dc:creator>evmaki</dc:creator><comments>https://news.ycombinator.com/item?id=49375033</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49375033</guid></item><item><title><![CDATA[Blastproof – E2E tests in plain English, no CSS selectors anywhere]]></title><description><![CDATA[
<p>Article URL: <a href="https://github.com/hamc/blastproof">https://github.com/hamc/blastproof</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49369345">https://news.ycombinator.com/item?id=49369345</a></p>
<p>Points: 1</p>
<p># Comments: 1</p>
]]></description><pubDate>Thu, 20 Aug 2026 01:20:28 +0000</pubDate><link>https://github.com/hamc/blastproof</link><dc:creator>h_amc</dc:creator><comments>https://news.ycombinator.com/item?id=49369345</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49369345</guid></item><item><title><![CDATA[The Future of CSS: Target Multiple Classes with the Class Prefix Selector]]></title><description><![CDATA[
<p>Article URL: <a href="https://www.bram.us/2026/08/20/the-future-of-css-target-multiple-classes-with-the-class-prefix-selector/">https://www.bram.us/2026/08/20/the-future-of-css-target-multiple-classes-with-the-class-prefix-selector/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49368182">https://news.ycombinator.com/item?id=49368182</a></p>
<p>Points: 29</p>
<p># Comments: 14</p>
]]></description><pubDate>Wed, 19 Aug 2026 22:51:17 +0000</pubDate><link>https://www.bram.us/2026/08/20/the-future-of-css-target-multiple-classes-with-the-class-prefix-selector/</link><dc:creator>cdrnsf</dc:creator><comments>https://news.ycombinator.com/item?id=49368182</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49368182</guid></item><item><title><![CDATA[Cropping Images with CSS While Keeping a Focal Point in the Center (2023)]]></title><description><![CDATA[
<p>Article URL: <a href="https://odland.dev/2023/02/26/cropping-images-with-css-while-keeping-a-focal-point-in-the-center.html">https://odland.dev/2023/02/26/cropping-images-with-css-while-keeping-a-focal-point-in-the-center.html</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49358515">https://news.ycombinator.com/item?id=49358515</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Wed, 19 Aug 2026 08:07:42 +0000</pubDate><link>https://odland.dev/2023/02/26/cropping-images-with-css-while-keeping-a-focal-point-in-the-center.html</link><dc:creator>lukasgelbmann</dc:creator><comments>https://news.ycombinator.com/item?id=49358515</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49358515</guid></item><item><title><![CDATA[Show HN: CSS-in-JS Arena Bamboo, StyleX and Panda on Pixel-Identical Apps]]></title><description><![CDATA[
<p>A little context, I've been working on Contra for the last 6 years. It's a marketplace-network – an application that's comparable to the likes of LinkedIn, UpWork, and similar in terms of its surface area. That's hundreds of routes, thousands of components, and tens of thousands of styles.<p>Over the last year, we have been obsessed with performance. We have optimized every layer of our infrastructure to the point where profiling the application increasingly started to surface bottlenecks in client-side (bundle size, and metrics like TBT, LCP, and INP). That's where CSS-in-JS comes in.<p>6 years ago, we started with styled-components. Then zero-runtime alternatives emerged and we started to experiment with them, eventually landing on Panda CSS. Panda took us a long way, but... they aren't _actually_ zero-runtime. Panda extracts CSS at build time, but it uses ~15KB runtime to map those style objects at runtime. This overhead surfaced repeatedly when profiling pages with lots of components (server-side and client-side).<p>That's where I ended up writing Bamboo to solve this.<p>Bamboo folds styles at build-time achieving _near_ zero-runtime (0.5KB vs 15 KB). If you write:<p><div className={css({ fontSize: 'lg', fontWeight: 'bold' })}>Title</div><p>it becomes:<p><div className="fs_lg fw_bold">Title</div><p>at build time.<p>If the variant is dynamic, then bundle is inlined with pre-computed map of classes.<p><span className={pick(status, {
  ok:   "d_inline-flex px_8px bg_successSoft c_success",
  warn: "d_inline-flex px_8px bg_warningSoft c_warning",
  err:  "d_inline-flex px_8px bg_dangerSoft c_danger",
})} /><p>That's the main idea behind Bamboo.<p>Thanks to folding, we were able to improve our server-side and client-side performance.<p>I built CSS-in-JS Arena as a sanity benchmark to track how we compare to Panda, but also to any other emerging frameworks.</p>
<hr>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49346044">https://news.ycombinator.com/item?id=49346044</a></p>
<p>Points: 1</p>
<p># Comments: 1</p>
]]></description><pubDate>Tue, 18 Aug 2026 14:21:25 +0000</pubDate><link>https://github.com/gajus/css-in-js-arena</link><dc:creator>gajus</dc:creator><comments>https://news.ycombinator.com/item?id=49346044</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49346044</guid></item><item><title><![CDATA[Show HN: Nikala UI – UI Component Library for SolidJS and Tailwind CSS v4]]></title><description><![CDATA[
<p>Article URL: <a href="https://nikala.dev/">https://nikala.dev/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49335353">https://news.ycombinator.com/item?id=49335353</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Mon, 17 Aug 2026 18:20:05 +0000</pubDate><link>https://nikala.dev/</link><dc:creator>magradze</dc:creator><comments>https://news.ycombinator.com/item?id=49335353</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49335353</guid></item><item><title><![CDATA[Show HN: PeekCSS – a CSS inspector built for Firefox, not ported from Chrome]]></title><description><![CDATA[
<p>Article URL: <a href="https://peekcss.com/">https://peekcss.com/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49318976">https://news.ycombinator.com/item?id=49318976</a></p>
<p>Points: 3</p>
<p># Comments: 1</p>
]]></description><pubDate>Sun, 16 Aug 2026 11:20:42 +0000</pubDate><link>https://peekcss.com/</link><dc:creator>LeonGrass</dc:creator><comments>https://news.ycombinator.com/item?id=49318976</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49318976</guid></item><item><title><![CDATA[I wrote a mini CSS framework on a train ride and it took months to document]]></title><description><![CDATA[
<p>Article URL: <a href="https://crayoncss.com/">https://crayoncss.com/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49311599">https://news.ycombinator.com/item?id=49311599</a></p>
<p>Points: 2</p>
<p># Comments: 1</p>
]]></description><pubDate>Sat, 15 Aug 2026 15:52:50 +0000</pubDate><link>https://crayoncss.com/</link><dc:creator>TeriyakiBomb</dc:creator><comments>https://news.ycombinator.com/item?id=49311599</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49311599</guid></item><item><title><![CDATA[OKLCH in CSS: why we moved from RGB and HSL]]></title><description><![CDATA[
<p>Article URL: <a href="https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl">https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49305014">https://news.ycombinator.com/item?id=49305014</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Fri, 14 Aug 2026 21:50:48 +0000</pubDate><link>https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl</link><dc:creator>Trattue</dc:creator><comments>https://news.ycombinator.com/item?id=49305014</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49305014</guid></item><item><title><![CDATA[Tailwind CSS: Rapidly build modern websites without ever leaving your HTML]]></title><description><![CDATA[
<p>Article URL: <a href="https://tailwindcss.com/">https://tailwindcss.com/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49297399">https://news.ycombinator.com/item?id=49297399</a></p>
<p>Points: 1</p>
<p># Comments: 0</p>
]]></description><pubDate>Fri, 14 Aug 2026 11:33:58 +0000</pubDate><link>https://tailwindcss.com/</link><dc:creator>doener</dc:creator><comments>https://news.ycombinator.com/item?id=49297399</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49297399</guid></item><item><title><![CDATA[Show HN: SGI ElectroPaint screensaver in 3D CSS]]></title><description><![CDATA[
<p>Article URL: <a href="https://css.graphics/electropaint/">https://css.graphics/electropaint/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49287669">https://news.ycombinator.com/item?id=49287669</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 13 Aug 2026 15:39:49 +0000</pubDate><link>https://css.graphics/electropaint/</link><dc:creator>rofko</dc:creator><comments>https://news.ycombinator.com/item?id=49287669</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49287669</guid></item><item><title><![CDATA[HN: CSS Units – every one of the 63 CSS units]]></title><description><![CDATA[
<p>Article URL: <a href="https://cssunits.com/">https://cssunits.com/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49286013">https://news.ycombinator.com/item?id=49286013</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 13 Aug 2026 13:53:48 +0000</pubDate><link>https://cssunits.com/</link><dc:creator>mcslayer</dc:creator><comments>https://news.ycombinator.com/item?id=49286013</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49286013</guid></item><item><title><![CDATA[Show HN: WindStrap – Bootstrap 5.3.8 to Tailwind CSS Using DeepSeek V4 Flash]]></title><description><![CDATA[
<p>bootstrap to tailwinds using DeepSeek V4 Flash</p>
<hr>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=49279813">https://news.ycombinator.com/item?id=49279813</a></p>
<p>Points: 2</p>
<p># Comments: 1</p>
]]></description><pubDate>Wed, 12 Aug 2026 23:08:39 +0000</pubDate><link>https://github.com/rip747/windstrap</link><dc:creator>thrownaway561</dc:creator><comments>https://news.ycombinator.com/item?id=49279813</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=49279813</guid></item></channel></rss>