Silon: Logic gates and adders in pure CSS


Silon is an experiment in the true power of CSS selectors. Most people would not expect CSS selectors to be capable of expressing arbitrary boolean logic. However, thanks to the sibling selector (AND), the comma selector (OR), and the:not() selector, this is actually completely possible.

Silon is also useful as a teaching aid when teaching boolean logic and adders; having a visual, fully interactive, diagram of a full adder is quite helpful in understanding how it works.

Silon is an experiment in implementing logic gates and adders in pure CSS. It uses LESS to generate selectors from declared logical operations.

Subscribe to the mailing list:
* indicates required


Pin It on Pinterest