Weekend Reading - Write a JavaScript-free todo app

html-css

#1

How to write a JavaScript-free todo app using just HTML and CSS
By Matt Zeunert

I wrote a todo app. Unlike TodoMVC (where I took the design from) it doesn’t use JavaScript and instead all interactions are driven by CSS.

How does this work? Here’s the short version: it uses a combination of pre-rendered HTML, the CSS sibling combinator (~), CSS counters, and the :checked, :target and :required pseudo selectors. The rest of this post will go into more detail.