Jp-Arts CodeLab

Quick test to make an interactive bullet list with no JavaScript.

A standard slideshow with CSS Grid and no JavaScript

Change a button to a progress bar after it's been clicked

Trying out some different ideas for element loading animations

Experimenting with CSS shapes, and how text flows around the shape.

Make checkboxes into slider switches.

A pure CSS solution for hiding/showing content.

Experimenting with CSS grid, and creating a tabbed interface without using JavaScript.

Full page background images fading from one to another.