Get the latest tech news

Designing furniture using the CSS grid (2023)


The story of why and how I developed a tool for designing MDF furniture by writing my own little language that transpiles into a CSS grid layout.

People usually pay specialized professionals (or companies) to design and build this kind of MDF furniture for their houses, and it can go from very cheap to very expensive depending on one’s choices of materials and finishing. This output then gets sent to a factory, which cuts, finishes and delivers the boards and related materials directly to the destination, where it’s usually assembled by people working for the company that designed the furniture. When sharing a design, I didn’t want people opening the page and accidentally pressing keys in the editor, breaking my carefully laid out rectangles and then delivering me a cabinet with giant drawers.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of css

css

Photo of CSS Grid

CSS Grid

Photo of Designing furniture

Designing furniture

Related news:

News photo

Show HN: Browser-based web design platform with code import and CSS filters

News photo

A CSS framework for recreating Windows 7 UI

News photo

Printing Music with CSS Grid