i built an entire x86 CPU emulator in CSS (no javascript)
you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS
lyra.horse/x86css/
you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS
lyra.horse/x86css/
February 24, 2026 at 2:23 AM
i built an entire x86 CPU emulator in CSS (no javascript)
you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS
lyra.horse/x86css/
you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS
lyra.horse/x86css/
✍️ New Article: Detect when elements overlap with CSS
Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning.
ishadeed.com/article/css-...
Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning.
ishadeed.com/article/css-...
Detect when elements overlap with CSS
Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.
ishadeed.com
September 24, 2026 at 3:49 PM
✍️ New Article: Detect when elements overlap with CSS
Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning.
ishadeed.com/article/css-...
Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning.
ishadeed.com/article/css-...
sighhhhh time to learn css
February 23, 2026 at 6:52 AM
sighhhhh time to learn css
Lately, I've been exploring CSS-only custom elements. They're pretty rad!
#html #css #webcomponents
dev.to/stuffbreaker...
#html #css #webcomponents
dev.to/stuffbreaker...
CSS-Only Custom Elements
Build real, composable web components using markup and CSS, with no JavaScript
dev.to
September 21, 2026 at 5:51 PM
Lately, I've been exploring CSS-only custom elements. They're pretty rad!
#html #css #webcomponents
dev.to/stuffbreaker...
#html #css #webcomponents
dev.to/stuffbreaker...
DOOM fully rendered in CSS. Every surface is a <div> that has a background image, with a clipping path with 3D transforms applied. Of course CSS does not have a movable camera, so we rotate and translate the scene around the user.
March 13, 2026 at 8:32 PM
DOOM fully rendered in CSS. Every surface is a <div> that has a background image, with a clipping path with 3D transforms applied. Of course CSS does not have a movable camera, so we rotate and translate the scene around the user.
CSS is DOOMed!
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
cssDOOM
DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
March 27, 2026 at 3:16 PM
CSS is DOOMed!
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
March 20, 2025 at 4:40 PM
“I don’t like CSS” is coded speech for “I never learned CSS”
July 23, 2025 at 2:26 AM
“I don’t like CSS” is coded speech for “I never learned CSS”
it's finally time...
this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible
the fun part? it's a pure-css game, meaning it runs no javascript or server-side code.
have fun!
lyra.horse/css-clicker/
this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible
the fun part? it's a pure-css game, meaning it runs no javascript or server-side code.
have fun!
lyra.horse/css-clicker/
CSS Clicker
a pure-CSS idle game where you build your own website
lyra.horse
April 1, 2025 at 2:27 PM
it's finally time...
this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible
the fun part? it's a pure-css game, meaning it runs no javascript or server-side code.
have fun!
lyra.horse/css-clicker/
this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible
the fun part? it's a pure-css game, meaning it runs no javascript or server-side code.
have fun!
lyra.horse/css-clicker/
Rather than the same old boring internet pranks, I thought I'd build something more fun this April Fools.
CSS or BS. Can you tell your CSS properties names from BS?
www.keithcirkel.co.uk/css-or-bs
CSS or BS. Can you tell your CSS properties names from BS?
www.keithcirkel.co.uk/css-or-bs
CSS or BS?
Think you know CSS? Real property or made-up nonsense? 20 rounds. No mercy.
www.keithcirkel.co.uk
April 1, 2026 at 8:04 AM
Rather than the same old boring internet pranks, I thought I'd build something more fun this April Fools.
CSS or BS. Can you tell your CSS properties names from BS?
www.keithcirkel.co.uk/css-or-bs
CSS or BS. Can you tell your CSS properties names from BS?
www.keithcirkel.co.uk/css-or-bs
🛠️ ✍️ New Interactive Article: CSS Relative Colors
I explored how CSS relative colors work, the problem they solve, along with many practical examples.
ishadeed.com/article/css-...
I explored how CSS relative colors work, the problem they solve, along with many practical examples.
ishadeed.com/article/css-...
March 9, 2025 at 9:06 PM
🛠️ ✍️ New Interactive Article: CSS Relative Colors
I explored how CSS relative colors work, the problem they solve, along with many practical examples.
ishadeed.com/article/css-...
I explored how CSS relative colors work, the problem they solve, along with many practical examples.
ishadeed.com/article/css-...
the unshakable urge to embed css doom somewhere hidden on the company intranet
DOOM fully rendered in CSS. Every surface is a <div> that has a background image, with a clipping path with 3D transforms applied. Of course CSS does not have a movable camera, so we rotate and translate the scene around the user.
March 14, 2026 at 12:24 PM
the unshakable urge to embed css doom somewhere hidden on the company intranet
Fit width text in 1 line of CSS
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
December 5, 2025 at 6:48 AM
Fit width text in 1 line of CSS
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
this is so real and explains so many of my interactions with back end guys. i love you CSS
Justice for CSS: in defense of the girliest programming language.
Calling CSS easy or unserious should be tired by now. It can build holographic Pokémon cards and 3D-rendering engines, yet it’s still dismissed as decorative. www.wired.com/story/justic...
Calling CSS easy or unserious should be tired by now. It can build holographic Pokémon cards and 3D-rendering engines, yet it’s still dismissed as decorative. www.wired.com/story/justic...
Justice for CSS
In defense of the girliest programming language.
www.wired.com
September 25, 2026 at 8:28 PM
this is so real and explains so many of my interactions with back end guys. i love you CSS
💡CSS Tip!
Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes!
Let's start with Blobs.
css-tip.com/random-blob/
You never see the same shape twice. A unique shape for a unique experience! 👀
Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes!
Let's start with Blobs.
css-tip.com/random-blob/
You never see the same shape twice. A unique shape for a unique experience! 👀
September 22, 2026 at 10:31 AM
💡CSS Tip!
Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes!
Let's start with Blobs.
css-tip.com/random-blob/
You never see the same shape twice. A unique shape for a unique experience! 👀
Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes!
Let's start with Blobs.
css-tip.com/random-blob/
You never see the same shape twice. A unique shape for a unique experience! 👀
💡 CSS Tip!
Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done!
css-tip.com/equal-width-...
#CSS
Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done!
css-tip.com/equal-width-...
#CSS
February 21, 2025 at 10:56 AM
💡 CSS Tip!
Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done!
css-tip.com/equal-width-...
#CSS
Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done!
css-tip.com/equal-width-...
#CSS
July 17, 2026 at 11:29 AM
Justice for CSS: in defense of the girliest programming language.
Calling CSS easy or unserious should be tired by now. It can build holographic Pokémon cards and 3D-rendering engines, yet it’s still dismissed as decorative. www.wired.com/story/justic...
Calling CSS easy or unserious should be tired by now. It can build holographic Pokémon cards and 3D-rendering engines, yet it’s still dismissed as decorative. www.wired.com/story/justic...
Justice for CSS
In defense of the girliest programming language.
www.wired.com
September 21, 2026 at 12:19 PM
Justice for CSS: in defense of the girliest programming language.
Calling CSS easy or unserious should be tired by now. It can build holographic Pokémon cards and 3D-rendering engines, yet it’s still dismissed as decorative. www.wired.com/story/justic...
Calling CSS easy or unserious should be tired by now. It can build holographic Pokémon cards and 3D-rendering engines, yet it’s still dismissed as decorative. www.wired.com/story/justic...