Pens from Michael Smith https://codepen.io/MichaelRyanSmith/ en nospam@codepen.io Copyright 2024 2024-02-16T20:42:03-07:00 Single Element Horizontal Loader https://codepen.io/MichaelRyanSmith/pen/KKEJGNZ https://codepen.io/MichaelRyanSmith/pen/KKEJGNZ Michael Smith

See the Code - See it Full Page - See Details

]]>
Single Element Horizontal Loader 2024-02-16T20:42:03-07:00
A Pen by Michael Smith https://codepen.io/MichaelRyanSmith/pen/xxMWamV https://codepen.io/MichaelRyanSmith/pen/xxMWamV Michael Smith

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Smith 2023-11-21T19:18:15-07:00
Figma postMessage https://codepen.io/MichaelRyanSmith/pen/RwvNrZo https://codepen.io/MichaelRyanSmith/pen/RwvNrZo Michael Smith

See the Code - See it Full Page - See Details

]]>
Figma postMessage 2023-10-23T16:19:52-07:00
A Pen by Michael Smith https://codepen.io/MichaelRyanSmith/pen/dyQGGjG https://codepen.io/MichaelRyanSmith/pen/dyQGGjG Michael Smith

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Smith 2023-11-09T20:17:25-07:00
A Pen by Michael Smith https://codepen.io/MichaelRyanSmith/pen/zXPGqr https://codepen.io/MichaelRyanSmith/pen/zXPGqr Michael Smith

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Smith 2019-04-15T20:15:12-07:00
Non-centered gradient https://codepen.io/MichaelRyanSmith/pen/KxKqyr https://codepen.io/MichaelRyanSmith/pen/KxKqyr Michael Smith

See the Code - See it Full Page - See Details

]]>
Non-centered gradient 2018-08-20T18:57:53-07:00
A Pen by Michael Smith https://codepen.io/MichaelRyanSmith/pen/xJoyGN https://codepen.io/MichaelRyanSmith/pen/xJoyGN Michael Smith

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Smith 2018-08-16T19:02:10-07:00
(Animated) Real Time Weather https://codepen.io/MichaelRyanSmith/pen/EpBdxM https://codepen.io/MichaelRyanSmith/pen/EpBdxM Michael Smith

See the Code - See it Full Page - See Details

Using your browser's geolocation (if its enabled) and the awesome API at <a href="http://openweathermap.org/api" target="_blank">Open Weather Map</a>, this pen automatically displays your local weather. You can even search by zip code or city and see a dark theme at night! I'm still working on this, so there might be a few bugs hiding somewhere. Currently night/day detection does not work for zip code searched locations, and some weather states are missing. If you find additional bugs please let me know!

]]>
(Animated) Real Time Weather 2018-08-16T18:49:19-07:00
Animated Concepts #4 https://codepen.io/MichaelRyanSmith/pen/KRXyaK https://codepen.io/MichaelRyanSmith/pen/KRXyaK Michael Smith

See the Code - See it Full Page - See Details

A few SCSS + SVG animations I've been working on lately for my portfolio redesign. The SVGs were all created in Illustrator.

]]>
Animated Concepts #4 2018-05-06T02:59:53-07:00
A Pen by Michael Smith https://codepen.io/MichaelRyanSmith/pen/VpXagd https://codepen.io/MichaelRyanSmith/pen/VpXagd Michael Smith

See the Code - See it Full Page - See Details

]]>
A Pen by Michael Smith 2017-03-23T19:21:16-07:00