Pens from Chris Burnell https://codepen.io/chrisburnell/ en nospam@codepen.io Copyright 2024 2024-03-06T07:19:14-07:00 Mixing colors in different spaces https://codepen.io/chrisburnell/pen/PogqpMN https://codepen.io/chrisburnell/pen/PogqpMN Chris Burnell

See the Code - See it Full Page - See Details

Visualise how different colour spaces mix colours.

]]>
Mixing colors in different spaces 2024-03-06T07:19:14-07:00
A Pen by Chris Burnell https://codepen.io/chrisburnell/pen/MWLeeRW https://codepen.io/chrisburnell/pen/MWLeeRW Chris Burnell

See the Code - See it Full Page - See Details

]]>
A Pen by Chris Burnell 2023-10-31T17:51:29-07:00
light-dark() test https://codepen.io/chrisburnell/pen/zYexJKy https://codepen.io/chrisburnell/pen/zYexJKy Chris Burnell

See the Code - See it Full Page - See Details

]]>
light-dark() test 2023-10-31T17:42:19-07:00
Meteora https://codepen.io/chrisburnell/pen/PoxbZQr https://codepen.io/chrisburnell/pen/PoxbZQr Chris Burnell

See the Code - See it Full Page - See Details

The beloved and renowned Linkin Park album, Meteora, as a spinning CD case.

]]>
Meteora 2023-06-28T13:33:48-07:00
The Triangle with sides of √2 / 2 https://codepen.io/chrisburnell/pen/poKgaoR https://codepen.io/chrisburnell/pen/poKgaoR Chris Burnell

See the Code - See it Full Page - See Details

]]>
The Triangle with sides of √2 / 2 2022-11-04T12:07:22-07:00
The Environment-Aware Wrapper https://codepen.io/chrisburnell/pen/zYarOJe https://codepen.io/chrisburnell/pen/zYarOJe Chris Burnell

See the Code - See it Full Page - See Details

Here’s a handy CSS technique to make sure your content isn’t obscured by the pesky "notch" that seems to be present on many phones these days, and it probably already fits nicely into your existing codebase! I wrote more about this on my website: https://chrisburnell.com/article/environment-aware-wrapper

]]>
The Environment-Aware Wrapper 2022-11-01T15:45:47-07:00
The Workplace https://codepen.io/chrisburnell/pen/vYjXGVJ https://codepen.io/chrisburnell/pen/vYjXGVJ Chris Burnell

See the Code - See it Full Page - See Details

]]>
The Workplace 2022-10-09T14:52:22-07:00
Recreated CodePen Title Editorasdsad https://codepen.io/chrisburnell/pen/JjOROgY https://codepen.io/chrisburnell/pen/JjOROgY Chris Burnell

See the Code - See it Full Page - See Details

]]>
Recreated CodePen Title Editorasdsad 2022-02-04T15:34:30-07:00
Flex directions, how do they work? https://codepen.io/chrisburnell/pen/KKygyvo https://codepen.io/chrisburnell/pen/KKygyvo Chris Burnell

See the Code - See it Full Page - See Details

]]>
Flex directions, how do they work? 2022-02-04T15:01:36-07:00
A Pen by Chris Burnell https://codepen.io/chrisburnell/pen/oNeKQKJ https://codepen.io/chrisburnell/pen/oNeKQKJ Chris Burnell

See the Code - See it Full Page - See Details

]]>
A Pen by Chris Burnell 2021-11-26T19:04:58-07:00