Pens from Christian Gaetano https://codepen.io/cgatno/ en nospam@codepen.io Copyright 2024 2019-01-19T05:20:44-07:00 A Pen by Christian Gaetano https://codepen.io/cgatno/pen/LMwEoL https://codepen.io/cgatno/pen/LMwEoL Christian Gaetano

See the Code - See it Full Page - See Details

]]>
A Pen by Christian Gaetano 2019-01-19T05:20:44-07:00
DOM to Canvas #5 https://codepen.io/cgatno/pen/zLzVpK https://codepen.io/cgatno/pen/zLzVpK Christian Gaetano

See the Code - See it Full Page - See Details

Step #5 for a tutorial I'm writing.

]]>
DOM to Canvas #5 2018-07-25T16:25:03-07:00
Instagram Logo Gradient on Hover https://codepen.io/cgatno/pen/GxJvxg https://codepen.io/cgatno/pen/GxJvxg Christian Gaetano

See the Code - See it Full Page - See Details

Use mix-blend-mode to fill a clickable Instagram logo with the brand's trademark gradient on hover. Uses FontAwesome 5 to provide an SVG version of the logo icon. See browser support for mix-blend-mode here: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#Browser_compatibility.

]]>
Instagram Logo Gradient on Hover 2018-04-02T05:35:39-07:00
Simple Async/Await Demo https://codepen.io/cgatno/pen/NyoGVq https://codepen.io/cgatno/pen/NyoGVq Christian Gaetano

See the Code - See it Full Page - See Details

Just a quick and dirty async/await demo using native fetch() and asynchronous browser support.

]]>
Simple Async/Await Demo 2018-02-28T20:03:47-07:00
Waves https://codepen.io/cgatno/pen/Kqxwrp https://codepen.io/cgatno/pen/Kqxwrp Christian Gaetano

See the Code - See it Full Page - See Details

]]>
Waves 2017-07-08T06:00:16-07:00
Magazine Layout (Wired) - The Grim Future of Work https://codepen.io/cgatno/pen/WpNGgy https://codepen.io/cgatno/pen/WpNGgy Christian Gaetano

See the Code - See it Full Page - See Details

A pure HTML/CSS remake of the "Paid to Play: Videogames are the Grim Future of Work" article by Clive Thompson featured in the March 2017 issue of Wired magazine. https://www.wired.com/2017/02/clive-thompson-future-of-work-is-gaming/

]]>
Magazine Layout (Wired) - The Grim Future of Work 2017-02-24T14:31:10-07:00
FlexGrid - Popup Cell https://codepen.io/cgatno/pen/PWjLvK https://codepen.io/cgatno/pen/PWjLvK Christian Gaetano

See the Code - See it Full Page - See Details

]]>
FlexGrid - Popup Cell 2017-01-31T13:57:27-07:00
Album Art - Youth is Only Ever Fun in Retrospect https://codepen.io/cgatno/pen/ygVopz https://codepen.io/cgatno/pen/ygVopz Christian Gaetano

See the Code - See it Full Page - See Details

Cover artwork of Sundara Karma's 2017 album "Youth is Only Ever Fun in Retrospect" using only HTML, CSS and JavaScript. I'm a big fan of a few of the songs on this new album, but even more importantly I'm a big fan of the album artwork! It's simplistic with some subtle visual twists that make recreating the image a fun experiment.

]]>
Album Art - Youth is Only Ever Fun in Retrospect 2017-02-24T18:46:58-07:00
Keyframe animation on hover https://codepen.io/cgatno/pen/bgdpgp https://codepen.io/cgatno/pen/bgdpgp Christian Gaetano

See the Code - See it Full Page - See Details

]]>
Keyframe animation on hover 2017-01-06T15:06:46-07:00