Random Colors and Sizes

This is the “Inspiration” page. Every time the page is loaded it will generate randomly sized (from a list of primes) and colored stripes. The cicadaJS code needed to reproduce this is also generated. You can tweak it from there, adding gradients or changing widths as you please. Also note that the background color is the white that you see.

Incredibly, I’ve found that the color combinations look pretty good most of the time. I think the transparency helps to make the colors work together, but it is surprising.

Full-Page Canvas

To get the canvas fill the entire background, you have to bind a function to the window resize event. I did a basic one for demo purposes, but you should consider throttling or debouncing the function so it doesn’t run excessively on resize.