Pens from Leonardo Favre https://codepen.io/leofavre/ en nospam@codepen.io Copyright 2024 2022-02-10T19:38:44-07:00 Responsive Card Study https://codepen.io/leofavre/pen/xxPdQQY https://codepen.io/leofavre/pen/xxPdQQY Leonardo Favre

See the Code - See it Full Page - See Details

]]>
Responsive Card Study 2022-02-10T19:38:44-07:00
Grid, the old way https://codepen.io/leofavre/pen/LYzEEPe https://codepen.io/leofavre/pen/LYzEEPe Leonardo Favre

See the Code - See it Full Page - See Details

]]>
Grid, the old way 2021-11-30T19:13:04-07:00
Focus border with radius and offset https://codepen.io/leofavre/pen/MWvNXEM https://codepen.io/leofavre/pen/MWvNXEM Leonardo Favre

See the Code - See it Full Page - See Details

]]>
Focus border with radius and offset 2021-11-26T14:34:34-07:00
A Pen by Leonardo Favre https://codepen.io/leofavre/pen/dyzaPEQ https://codepen.io/leofavre/pen/dyzaPEQ Leonardo Favre

See the Code - See it Full Page - See Details

]]>
A Pen by Leonardo Favre 2021-11-17T22:24:15-07:00
Emoji Slider web component https://codepen.io/leofavre/pen/yqpPdZ https://codepen.io/leofavre/pen/yqpPdZ Leonardo Favre

See the Code - See it Full Page - See Details

A vanilla Javascript web component version of Instagram’s Emoji Slider.

]]>
Emoji Slider web component 2019-09-21T01:56:57-07:00
Gotta Light? Redux and Canvas experiment https://codepen.io/leofavre/pen/RZwaNM https://codepen.io/leofavre/pen/RZwaNM Leonardo Favre

See the Code - See it Full Page - See Details

Exercising HTML5 Canvas and the Redux architecture while porting an old Flash project to Javascript.

]]>
Gotta Light? Redux and Canvas experiment 2018-08-06T11:52:12-07:00
Slanted container with regular paragraph https://codepen.io/leofavre/pen/jryLKq https://codepen.io/leofavre/pen/jryLKq Leonardo Favre

See the Code - See it Full Page - See Details

The container is slanted to a specific angle and then each word is slanted back to its original aspect. Lettering.js is used to fill the lack of the ::nth-word() pseudo selector in CSS3.

]]>
Slanted container with regular paragraph 2018-07-31T00:32:50-07:00