<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>Sat, 11 Jul 2026 08:53:18 +0000</lastBuildDate><atom:link href="https://hnrss.org/newest?q=CSS" rel="self" type="application/rss+xml"></atom:link><item><title><![CDATA[My Visionaire MCP verifies whether agent CSS fixes rendered]]></title><description><![CDATA[
<p>Article URL: <a href="https://github.com/mi60dev/visionaire-engine">https://github.com/mi60dev/visionaire-engine</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48860419">https://news.ycombinator.com/item?id=48860419</a></p>
<p>Points: 1</p>
<p># Comments: 1</p>
]]></description><pubDate>Fri, 10 Jul 2026 14:25:18 +0000</pubDate><link>https://github.com/mi60dev/visionaire-engine</link><dc:creator>mishonyAI</dc:creator><comments>https://news.ycombinator.com/item?id=48860419</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48860419</guid></item><item><title><![CDATA[How I'm using CSS View Transitions on this blog]]></title><description><![CDATA[
<p>Article URL: <a href="https://blog.omgmog.net/post/how-im-using-css-view-transitions-on-this-blog/">https://blog.omgmog.net/post/how-im-using-css-view-transitions-on-this-blog/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48858927">https://news.ycombinator.com/item?id=48858927</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Fri, 10 Jul 2026 12:25:22 +0000</pubDate><link>https://blog.omgmog.net/post/how-im-using-css-view-transitions-on-this-blog/</link><dc:creator>meysamazad</dc:creator><comments>https://news.ycombinator.com/item?id=48858927</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48858927</guid></item><item><title><![CDATA[Generative Colors with CSS]]></title><description><![CDATA[
<p>Article URL: <a href="https://gomakethings.com/articles/generative-colors-with-css/">https://gomakethings.com/articles/generative-colors-with-css/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48845017">https://news.ycombinator.com/item?id=48845017</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 09 Jul 2026 12:45:23 +0000</pubDate><link>https://gomakethings.com/articles/generative-colors-with-css/</link><dc:creator>surprisetalk</dc:creator><comments>https://news.ycombinator.com/item?id=48845017</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48845017</guid></item><item><title><![CDATA[Show HN: Embeddable visual HTML/CSS page editor]]></title><description><![CDATA[
<p>the main idea is simple.. you can load real HTML and CSS into the editor, visually edit the page and then save the result back through your own load/save handlers. The content renders inside an isolated <iframe>, so the page CSS behaves much closer to how it would render in a real browser tab instead of fighting with the editor UI.<p>In my opinion, it is a good compromise between a lightweight rich-text editor and a heavy page builder and its easily embeddable into your website (especially into a CMS/admin panel)<p>Repo: <a href="https://github.com/neikiri/neiki-page-editor" rel="nofollow">https://github.com/neikiri/neiki-page-editor</a><p>I just really enjoy web components :D Would love to hear your feedback.</p>
<hr>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48841227">https://news.ycombinator.com/item?id=48841227</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 09 Jul 2026 05:08:34 +0000</pubDate><link>https://neikiri.dev/page-editor/</link><dc:creator>neikiri</dc:creator><comments>https://news.ycombinator.com/item?id=48841227</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48841227</guid></item><item><title><![CDATA[CSS is simple, stop making it hard]]></title><description><![CDATA[
<p>Article URL: <a href="https://blog.brixit.nl/css-is-simple-stop-making-it-hard/">https://blog.brixit.nl/css-is-simple-stop-making-it-hard/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48831534">https://news.ycombinator.com/item?id=48831534</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Wed, 08 Jul 2026 13:15:03 +0000</pubDate><link>https://blog.brixit.nl/css-is-simple-stop-making-it-hard/</link><dc:creator>surprisetalk</dc:creator><comments>https://news.ycombinator.com/item?id=48831534</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48831534</guid></item><item><title><![CDATA[Get Ready for the Powerful CSS Border-Shape Property]]></title><description><![CDATA[
<p>Article URL: <a href="https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/">https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48822400">https://news.ycombinator.com/item?id=48822400</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Tue, 07 Jul 2026 19:20:26 +0000</pubDate><link>https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/</link><dc:creator>gsky</dc:creator><comments>https://news.ycombinator.com/item?id=48822400</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48822400</guid></item><item><title><![CDATA[Bench Press: Leaking Text Nodes with CSS (2024)]]></title><description><![CDATA[
<p>Article URL: <a href="https://blog.pspaul.de/posts/bench-press-leaking-text-nodes-with-css/">https://blog.pspaul.de/posts/bench-press-leaking-text-nodes-with-css/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48798317">https://news.ycombinator.com/item?id=48798317</a></p>
<p>Points: 6</p>
<p># Comments: 0</p>
]]></description><pubDate>Sun, 05 Jul 2026 21:56:49 +0000</pubDate><link>https://blog.pspaul.de/posts/bench-press-leaking-text-nodes-with-css/</link><dc:creator>gslin</dc:creator><comments>https://news.ycombinator.com/item?id=48798317</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48798317</guid></item><item><title><![CDATA[Time-based background colour transitions with Temporal and CSS color-mix]]></title><description><![CDATA[
<p>Article URL: <a href="https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/">https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48798096">https://news.ycombinator.com/item?id=48798096</a></p>
<p>Points: 8</p>
<p># Comments: 0</p>
]]></description><pubDate>Sun, 05 Jul 2026 21:25:07 +0000</pubDate><link>https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/</link><dc:creator>gslin</dc:creator><comments>https://news.ycombinator.com/item?id=48798096</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48798096</guid></item><item><title><![CDATA[Ds.css: A CSS framework recreating the DS / DS Lite's UI]]></title><description><![CDATA[
<p>Article URL: <a href="https://github.com/spiritov/ds.css">https://github.com/spiritov/ds.css</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48773510">https://news.ycombinator.com/item?id=48773510</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Fri, 03 Jul 2026 10:54:35 +0000</pubDate><link>https://github.com/spiritov/ds.css</link><dc:creator>birdculture</dc:creator><comments>https://news.ycombinator.com/item?id=48773510</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48773510</guid></item><item><title><![CDATA[We Tested 40 CSS Tools for Performance and Learning Curve. Here's What Won]]></title><description><![CDATA[
<p>Article URL: <a href="https://cssawwwards.com/blog/color-blindness-accessible-design-guide-2026">https://cssawwwards.com/blog/color-blindness-accessible-design-guide-2026</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48771363">https://news.ycombinator.com/item?id=48771363</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Fri, 03 Jul 2026 06:02:25 +0000</pubDate><link>https://cssawwwards.com/blog/color-blindness-accessible-design-guide-2026</link><dc:creator>cssawwwards</dc:creator><comments>https://news.ycombinator.com/item?id=48771363</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48771363</guid></item><item><title><![CDATA[Show HN: Restore ArXiv's classic red banner (userstyle, 40 lines of CSS)]]></title><description><![CDATA[
<p>Article URL: <a href="https://github.com/greysonbowser/arxiv-red">https://github.com/greysonbowser/arxiv-red</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48764697">https://news.ycombinator.com/item?id=48764697</a></p>
<p>Points: 1</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 02 Jul 2026 17:28:27 +0000</pubDate><link>https://github.com/greysonbowser/arxiv-red</link><dc:creator>Topology1</dc:creator><comments>https://news.ycombinator.com/item?id=48764697</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48764697</guid></item><item><title><![CDATA[What Is CSS Containment and How Can I Use It?]]></title><description><![CDATA[
<p>Article URL: <a href="https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/">https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48762259">https://news.ycombinator.com/item?id=48762259</a></p>
<p>Points: 1</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 02 Jul 2026 14:33:55 +0000</pubDate><link>https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/</link><dc:creator>eustoria</dc:creator><comments>https://news.ycombinator.com/item?id=48762259</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48762259</guid></item><item><title><![CDATA[CSS Logical Properties Converter]]></title><description><![CDATA[
<p>Article URL: <a href="https://cssawwwards.com/frontend-toolkit/css-logical-properties">https://cssawwwards.com/frontend-toolkit/css-logical-properties</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48757076">https://news.ycombinator.com/item?id=48757076</a></p>
<p>Points: 1</p>
<p># Comments: 0</p>
]]></description><pubDate>Thu, 02 Jul 2026 05:55:23 +0000</pubDate><link>https://cssawwwards.com/frontend-toolkit/css-logical-properties</link><dc:creator>cssawwwards</dc:creator><comments>https://news.ycombinator.com/item?id=48757076</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48757076</guid></item><item><title><![CDATA[The Shifting Line Between CSS States and JavaScript Events]]></title><description><![CDATA[
<p>Article URL: <a href="https://css-tricks.com/css-states-and-javascript-events/">https://css-tricks.com/css-states-and-javascript-events/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48744990">https://news.ycombinator.com/item?id=48744990</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Wed, 01 Jul 2026 11:19:01 +0000</pubDate><link>https://css-tricks.com/css-states-and-javascript-events/</link><dc:creator>redbell</dc:creator><comments>https://news.ycombinator.com/item?id=48744990</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48744990</guid></item><item><title><![CDATA[CSS Tricks for Markdown Blogs]]></title><description><![CDATA[
<p>Article URL: <a href="https://dan-webnotes.com/posts/2026-06-28-css-tricks-markdown-blogs/">https://dan-webnotes.com/posts/2026-06-28-css-tricks-markdown-blogs/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48730454">https://news.ycombinator.com/item?id=48730454</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Tue, 30 Jun 2026 09:47:49 +0000</pubDate><link>https://dan-webnotes.com/posts/2026-06-28-css-tricks-markdown-blogs/</link><dc:creator>dandep</dc:creator><comments>https://news.ycombinator.com/item?id=48730454</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48730454</guid></item><item><title><![CDATA[Blades.css is an updated fork of pico.css]]></title><description><![CDATA[
<p>Article URL: <a href="https://blades.ninja/">https://blades.ninja/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48729467">https://news.ycombinator.com/item?id=48729467</a></p>
<p>Points: 3</p>
<p># Comments: 0</p>
]]></description><pubDate>Tue, 30 Jun 2026 07:10:29 +0000</pubDate><link>https://blades.ninja/</link><dc:creator>cantdutchthis</dc:creator><comments>https://news.ycombinator.com/item?id=48729467</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48729467</guid></item><item><title><![CDATA[Show HN: Lorentzian CSS Duality in Causal Diamond Quantum Error-Correcting Codes]]></title><description><![CDATA[
<p>Article URL: <a href="https://github.com/ynnk-research/A-Lorentzian-CSS-Duality-in-Causal-Diamond-Quantum-Error-Correcting-Codes">https://github.com/ynnk-research/A-Lorentzian-CSS-Duality-in-Causal-Diamond-Quantum-Error-Correcting-Codes</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48718435">https://news.ycombinator.com/item?id=48718435</a></p>
<p>Points: 4</p>
<p># Comments: 0</p>
]]></description><pubDate>Mon, 29 Jun 2026 12:33:14 +0000</pubDate><link>https://github.com/ynnk-research/A-Lorentzian-CSS-Duality-in-Causal-Diamond-Quantum-Error-Correcting-Codes</link><dc:creator>ynnk</dc:creator><comments>https://news.ycombinator.com/item?id=48718435</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48718435</guid></item><item><title><![CDATA[Itcss: Scalable and Maintainable CSS Architecture (2021)]]></title><description><![CDATA[
<p>Article URL: <a href="https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture">https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48705360">https://news.ycombinator.com/item?id=48705360</a></p>
<p>Points: 1</p>
<p># Comments: 0</p>
]]></description><pubDate>Sun, 28 Jun 2026 08:05:37 +0000</pubDate><link>https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture</link><dc:creator>toilet</dc:creator><comments>https://news.ycombinator.com/item?id=48705360</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48705360</guid></item><item><title><![CDATA[Color Everything in CSS (2025)]]></title><description><![CDATA[
<p>Article URL: <a href="https://css-tricks.com/color-everything-in-css/">https://css-tricks.com/color-everything-in-css/</a></p>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48700905">https://news.ycombinator.com/item?id=48700905</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Sat, 27 Jun 2026 19:20:22 +0000</pubDate><link>https://css-tricks.com/color-everything-in-css/</link><dc:creator>toilet</dc:creator><comments>https://news.ycombinator.com/item?id=48700905</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48700905</guid></item><item><title><![CDATA[Show HN: HotFX Pseudorandom – value noise in a CSS variable via custom element]]></title><description><![CDATA[
<p>Hey, I just released a new web component as part of my open source project HotFX, which is for vanilla-JS custom elements with no dependencies and independent versioning.<p>The <hotfx-pseudorandom> element creates CSS variables that animate using value noise which you can then use to style any CSS property.</p>
<hr>
<p>Comments URL: <a href="https://news.ycombinator.com/item?id=48699173">https://news.ycombinator.com/item?id=48699173</a></p>
<p>Points: 2</p>
<p># Comments: 0</p>
]]></description><pubDate>Sat, 27 Jun 2026 15:37:31 +0000</pubDate><link>https://fx.hot.page/pseudorandom</link><dc:creator>WebBurnout</dc:creator><comments>https://news.ycombinator.com/item?id=48699173</comments><guid isPermaLink="false">https://news.ycombinator.com/item?id=48699173</guid></item></channel></rss>