Search for a command to run...
Series
A series dedicated to building things without using JavaScript
Popovers were once firmly in the domain of JavaScript. Today let's examine one of our non-JS options to build them. The goals Build a popover (click to open/close) Limit DOM use Require 0 JavaScript The results https://codepen.io/kallmanation/pen/g...
The venerable Tab. Some of us have too many on our browsers... Before using JavaScript to build more, consider what just HTML and CSS can do. There's actually many ways to build tabs with just HTML and CSS (we'll explore an alternative in another pos...
The humble accordion. Plenty of JavaScript ways to build it. But did you know there's an HTML element specifically for this type of design? The <details> element (along with <summary>) provides an excellent accordion right out of the box. Of course d...
To celebrate my first 100 followers over on dev.to, I wanted to do a small cross-over post between my with only CSS series and my "Unconditional" FizzBuzz challenge. A solution to FizzBuzz using only CSS (and HTML); so there's definitely no if state...
As I hinted to in the previous installment of this series; a radio button is in the same situation as checkboxes on the web: no options for styling the native component, but the same strategy we used for checkboxes can be applied to radio buttons as ...
This seems like an obvious statement; styling should be done with CSS. But unfortunately in the case of checkboxes, there's basically no support for directly styling the checkbox. Because of that, I've seen several JavaScript implementations to chang...
