Steve Gardner

Looks like Bluesky is picking up traction for the web dev community which is awesome. I'm bsky.app/profile/ste.vg if you'd like to follow.

It's only 2 weeks until Halloween. Seems like a good time to start practicing your demon killing spells with this game I made! 🪄👻 codepen.io/ste-vg/full/zY…

We've been adding support for text animations to @madewithhatch and I think I may have created a my favourite thing ever. 🍪 #cookiemonster stevegardner.hatch.one/cookie

@madewithhatch is making big moves this fall! We make an amazing no-code platform for crafting inspired sites. Now hiring a hands-on Creative Director w/ strong graphic design & motion skills & a vision for the future of web design. #JobOpening #WebDesign hatch.one/work-here

@Kamscan we got quite the show from Dufferin. This is looking south over Costco.

Available for work ;) New quarter is about to start and I‘m again looking for commissions and digital artworks with shaders, 3D graphics in WebGL, ml, or generative art. Also, still interested in part-time creative or front-end development freelance projects like in the past. 🧵

Nice little weekend project - Pure #CSS Pixar lamp. 💡 All of the axes movement is set using custom properties, so the motion can be easily animated with @property. 😎 Live demo and full code @codepen: codepen.io/amit_sheen/ful…

I've had the pleasure of meeting George a number of times and not only is he an amazing developer but also one of the nicest people you'll ever meet.

I made this little starter project where you fly a spaceship round! Have a play and make your own! 🚀 stevegardner.hatch.one/space-explorer…

Progress! Towers are now working! Getting close to moving over to a three.js renderer. Most the engine logic is done (future me will likely laugh at that statement!)

I'm in the super early stages of building a full blown tower defense game in js. I'm going use three.js eventually but for now I'm working on the engine logic with a simpler css grid based renderer.

@jh3yy Is that a Flip 5? What's your thoughts on it? I looking at getting a new phone and the Flip has me intrigued! (Love the CSS slider too 😎)

3D CSS image slider works well on device 🤙 li { --item-width: clamp(120px, 20vmin, 12rem); --radius: calc( (var(--item-width) / sin(var(--inner-angle))) * -1 ); } It's cool how you can use a clamped value with "calc"

@adircode We were at Shuswap lake in BC!

@steeevg WOW! Where did you shoot it from?

Oh hey, I heard we're all posting our #aurora photos!

"Doom Scroll - Front End Conf 2024 Demo" by Adam Kuhn Just... wow. codepen.io/cobra_winfrey/…

"So what should we call our new fan? It needs to stand out" "How about the Honeywell Fan Turbo!?" "It's a good start but it needs more" "Turbo Force?" "More" "It's just a fan" "MOOOOORE......"

@vercel Love it. Just an FYI the version in the codesandbox has a QR code on the back of the badge that goes to a random Figma prototype!

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber. vercel.fyi/ship-badge

Yay, the clouds parted for an hour to give us a perfect view. So good.

I'm in Texas for the solar eclipse, crossing every finger and toe for clear skies! If you can't make it you can follow along with my VERY accurate simulation... stevegardner.hatch.one/2024-eclipse-s…