Pens from Paul https://codepen.io/plfstr/ en nospam@codepen.io Copyright 2024 2023-10-27T17:34:19-07:00 A Pen by Paul https://codepen.io/plfstr/pen/WNLVxwX https://codepen.io/plfstr/pen/WNLVxwX Paul

See the Code - See it Full Page - See Details

]]>
A Pen by Paul 2023-10-18T11:29:47-07:00
A Pen by Paul https://codepen.io/plfstr/pen/mdGaMqP https://codepen.io/plfstr/pen/mdGaMqP Paul

See the Code - See it Full Page - See Details

]]>
A Pen by Paul 2023-10-27T17:34:19-07:00
UK ES6-tricity Grid https://codepen.io/plfstr/pen/qByKRdy https://codepen.io/plfstr/pen/qByKRdy Paul

See the Code - See it Full Page - See Details

Current mix of electricity sources in the UK National Grid using Lit-HTML and the Carbon Intensity API by National Grid

]]>
UK ES6-tricity Grid 2023-10-17T10:44:42-07:00
A Pen by Paul https://codepen.io/plfstr/pen/wvxpzzb https://codepen.io/plfstr/pen/wvxpzzb Paul

See the Code - See it Full Page - See Details

]]>
A Pen by Paul 2023-05-31T10:49:12-07:00
UK Alpinetricity Grid https://codepen.io/plfstr/pen/YzvqGNY https://codepen.io/plfstr/pen/YzvqGNY Paul

See the Code - See it Full Page - See Details

Current mix of electricity sources in the UK National Grid using Alpine JS and the Carbon Intensity API by National Grid

]]>
UK Alpinetricity Grid 2023-10-17T12:55:47-07:00
Word Mood https://codepen.io/plfstr/pen/gOzVLJV https://codepen.io/plfstr/pen/gOzVLJV Paul

See the Code - See it Full Page - See Details

]]>
Word Mood 2022-11-04T17:47:34-07:00
A Pen by Paul https://codepen.io/plfstr/pen/oNoWyEY https://codepen.io/plfstr/pen/oNoWyEY Paul

See the Code - See it Full Page - See Details

]]>
A Pen by Paul 2023-09-04T11:47:17-07:00
Custom emoji rating <meter> https://codepen.io/plfstr/pen/NWamzbj https://codepen.io/plfstr/pen/NWamzbj Paul

See the Code - See it Full Page - See Details

]]>
Custom emoji rating <meter> 2022-01-19T17:07:15-07:00
Chicken Swing (Dynamic) https://codepen.io/plfstr/pen/XWaaZRW https://codepen.io/plfstr/pen/XWaaZRW Paul

See the Code - See it Full Page - See Details

Inspired by a pet store TV ad and thought it would be fun to animate. Uses keyframes, transform and transform-origin. This fork of the [original Chicken Swing](https://codepen.io/plfstr/pen/sFCbG) also uses the Web Animations API to dynamically control the level of swing via an input slider.

]]>
Chicken Swing (Dynamic) 2021-11-16T12:09:55-07:00
List 50 States https://codepen.io/plfstr/pen/mdmybGP https://codepen.io/plfstr/pen/mdmybGP Paul

See the Code - See it Full Page - See Details

How many U.S. states can you remember?

]]>
List 50 States 2023-10-17T12:27:54-07:00