Sherly

Sherly

Learning, unlearning, and building - through code, art, and ideas.

129 colours from 27 pieces of art

See the art

Work

All 9 projects

Swipe

Project 09

Custom properties, grid, flexbox, a WebGL canvas

The last project of the course: a landing page for a payments company, modelled on Stripe's, with an animated gradient in the hero and a mobile menu.

Grid Portfolio

Project 08

CSS grid, template areas, keyframe animation, JavaScript

A portfolio page whose grid rearranges at two breakpoints. The hamburger menu opens with a few lines of JavaScript.

Cost Estimator

Project 07

Flexbox, positioning, transforms, gradients

A pricing panel with plan tabs, a toggle, a slider and two billing cards. The controls are static. The exercise was drawing them with CSS alone.

Art

All 27 pieces
A line drawing of two oranges on a branch, one cut open. The fruit is drawn in orange and the leaves and blossom in dark blue.
Oranges
Sunlight falling in wide beams through a green forest onto a path, with dark tree trunks in the foreground.
Trees
A cloaked figure holding up a torch in a dark forest, inside a glowing orange ring.
Spark
A crooked wooden house floating in the clouds under a full moon.
Cheesemoon
Three round, fluffy flowers in blue, pink and yellow on a black background.
Fluffy Colours