Shiney table top outside

Concrete form with sides installed

Smashed the bottles

Concrete form with gaps sealed

Parts of the concrete form

Bottles

Concrete be green and sludgey

Oiled wood

Form filled with concrete

Concrete be green and dry

Scattered broken glass on oil (that sounds like art...)

Re-covered in plastic

It almost looks like a table

Hiding it all under plastic

Spinny cutty wheel of wood death

It's set with a nice marbled effect

Wood Bukkake

A brace end

sanded timber

a leg

One fuzzy hole, above one not fuzzy hole

Legs assembled

Stained wood

Legs, loverly legs

Filling holes and spaffing glue

Making holes for dowe... rawl plugs

Grinding wheel

Varnished leg bottoms

A relatively smooth top

One green slab

Breaking the form

Sealed top

Slab has been ground

Bake it with a heatgun

Smother it in cement

Grind it all off

1000 grit makes more shiney

Sealed side

800 grit starts to bring the shiney

Sealed bottom

Collage of the book covers for IBM's 360 and Early 370 Systems, The School for Good Mothers, Dark Matters, Boys Weekend, Babel, The Sum of Us, Misbehaving, The Dawn of Everything and Master Slave Husband Wife.

The width and color of the background image changes based on the custom properties

An image of a checkerboard, where identical colors look different if they are in shadow

On the left is a cone mosaic of standard vision, and on the right is that of someone with protanopia where they are missing the red cones.

Snippet of Firefox developer tools showing the simulate popup

Right after loading Paletton.

Now with complementary colors included.

linear-gradient.png

Spitfire

A graph showing top, right, bottom, and left, as described below. These define the rectangle's shape. The upper left corner is defined by the top and left values. The bottom right corner is defined by the bottom and right values.

an element centered inside a larger box

A list of items with a badge indicating a count displayed to the right of the text.

Demonstrating how items become larger if we use space-between.

Image showing auto-margins using the grid highlighter.

Two texts examples one with the font-smooth property and another one without

An image showing the implicit line names created by our grid areas.

The Box Model consists of the margin, border, padding and content boxes.

MDN Logo scaled

A sticky footer pushed to the bottom of a box

Grid showing placement of various values. 0 0 is the top left corner. The four values, right, right center, center left 100%, and top 50% left 100%, are all equivalent, being on the right edge in the middle vertically. The two values, top 75px left 100px

Three card components in a row

An image showing a simple two column layout with header and footer

Images showing an example media object design

The grid area defined by lines

A popup chat window titled 'Active chat', showing a conversation between Chris and Bob. Behind the chat window is a contact list titled 'overscroll-behavior demo'.

Six very tall, very narrow grid items with text overflowing on the right. After applying grid to our container, the width of the items is now incorrect as they display at one third of the item width.

A floated cards layout demonstrating the problem caused by uneven content height. The top row has 3 cards. The fourth card is floated under the third card. Then a bottom row has contains the fifth and sixth cards. There is a largish empty space under the

Tutorial on YouTube

An image showing the default direction of the Block and Inline Axes.

Example of stacking rules modified using z-index