Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

README.md

CSS Todo App

Basic todo app functionality implemented without using JavaScript. Instead it uses pre-rendered HTML, the ~ combinator, CSS counters, and the :checked and :target pseudo selectors.

Styling based on TodoMVC.

Live demo
Blog post on how it works

What works

  • Add new todo item (up to 50 items)
  • Mark items as done
  • Delete items
  • Filter items (done/not done)
  • Show number of items left to do
  • Don't allow add empty items

What doesn't work

  • Persistence after page reload
  • Mark all as done
  • Create item by pressing enter

Source code

node generate.js creates the index.html file. todos.css contains the styles.

About

Basic todo app functionality without using JavaScript

Topics

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.