You don’t need JavaScript

CSS is powerful, you can do a lot of things without JavaScript.

A quite commonly known example is usage of the Adjacent Sibling Selector (viz. +) to build custom radio buttons/checkboxes or tab interfaces.

See the Pen CSS Custom Checkboxes / Radio Buttons by Bramus! (@bramus) on CodePen.

With a few more CSS tricks such as the :target/…/:active/:checked pseudo-classes, the ::after/::before pseudo-elements, and the attr() CSS function one can achieve some other great effects:

• Floating Label Textfields? Possible.
• Off Canvas Menu? Also Possible.
• Parallax Scrolling? Check.
• An entire game? Guess again.
• …

You don’t need JavaScript is a repo that aggregates many of these “Pure CSS” Solutions.

You don’t need JavaScript →