Jp-Arts CodeLab

CSS, HTML, JavaScript, layout and color experiments, and other random things I'm working on.

card

Interactive bullet list

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

CSS-only Slideshow

A standard slideshow with CSS Grid and no JavaScript
card

Button to progress bar

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

Loading animations

Trying out some different ideas for element loading animations
card

CSS Shapes

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

Custom form elements with pure CSS

Make checkboxes into slider switches.
card

Pure CSS disclosures

A pure CSS solution for hiding/showing content.
card

Tabbed interface

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

Full screen fading background images

Full page background images fading from one to another.