Sign in

Steve Gardner

@ste.vg
1.5K followers 261 following 43 posts

Creative developer. codepen.io/ste-vg

PostsRepliesMedia
Reposted by Steve Gardner
Elle Cordova @ellecordova.bsky.social · 08/09/2026
I am the very model of a modern day typographer I know the type tonalities from elegant to jocular I am a master tracker and my kerning is harmonical I know the sacred swatches and can name the hues Pantonical (Full version of Modern Day Typographer now on my YouTube channel)
youtu.be
Modern Day Typographer - Elle Cordova
YouTube video by Elle Cordova
701861420
Steve Gardner @ste.vg · 23/07/2026
Today, I officially became a Canadian citizen, which is very exciting! 🇨🇦
Me, peeking out from behind a Canadian flag, looking pretty happy.
3110
Steve Gardner @ste.vg · 23/06/2026
We're looking at visiting Japan next year. What's everyone's recommendations beyond the normal touristy things?
110
Steve Gardner @ste.vg · 16/06/2026
Explain your @ Pronounced 'ste vee gee'. I'm rarely called Stevie G in real life but I couldn't resist a 5 character domain!
010
Steve Gardner @ste.vg · 01/06/2026
I'd love something like this. Perhaps a second RSS feed for social activity, rather than adding to existing feeds. You 'like' a post, it gets added to your social feed and pings the authors server to say it happened. 🤔
030
Steve Gardner @ste.vg · 29/05/2026
No, I refuse.
110
Steve Gardner @ste.vg · 29/05/2026
I'm not sure how up-to-date it is but I still use Squoosh regularly. squoosh.app
squoosh.app
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
000
Steve Gardner @ste.vg · 09/02/2026
I moved in right next door!
A zoomed in screenshot showing avatars of @trost_codes, @ste.vg and @bram.us in close proximity
130
Steve Gardner @ste.vg · 30/01/2026
@ericmigi.com I had a thought and wondered if it would be possible?... Holding down the Index 1 button (double press) then using the accelerometer on the Pebble to detect the twisting of your wrist to control volume, until the ring button is released. So it basically toggles a gesture mode.
010
Steve Gardner @ste.vg · 13/01/2026
I got the P1S last year with the AMS and it's been flawless, big recommend from me. Also I'd say the AMS is worth it even if your not planning on multicolor prints.
010
Steve Gardner @ste.vg · 18/11/2025
Buying a car at a dealership is a wild ride. First they're like: "This is a great, reliable car, you'll get years of trouble free use". Shortly after, you get to payment part: "This car might literally EXPLODE at any moment and all the electrics will fall out, you really should pay for our warranty"
240
Steve Gardner @ste.vg · 24/10/2025
With only 1 week until Halloween it's time to start brushing up on your demon ghost fighting skills! Play now on @codepen.io -> codepen.io/ste-vg/full/...
1125
Steve Gardner @ste.vg · 20/10/2025
- Yes - All-in but in small chunks, like 'fix this type issue' or 'sort this array by x' - Asking for small chunks rather than full features works better for me - It can be, like when it decides to rewrite rather than edit - No - More - No and I'm VERY mindful that it could make me worse over time
030
Steve Gardner @ste.vg · 03/10/2025
I haven't shared any CSS stuff (or anything really) for a little while, but I do occasionally make silly things like this CSS animated horse 🐎 codepen.io/ste-vg/pen/o...
codepen.io
Clip Clop Clippity Clop [CSS Only]
CSS Only Animated horse of course. Click / touch the horse to slow things down. A lot of help from this video https://www.youtube.com/watch?v=oxjt_...
030
Steve Gardner @ste.vg · 16/09/2025
This is amazing! One little thing, on level 42, I had one session where the AI kept adding a period after it's percentage score meaning it didn't get picked up by the progress bar. When I tried to show the AI an example, the percentage was removed from my msg. "like this 100%" became "like this"
130
Reposted by Steve Gardner
Amit Sheen @amitsheen.bsky.social · 20/08/2025
✨ 3D layered text - Part two is here! ✨ If this series of articles were a meal, this part would definitely be the main course. 😋 19(!) live examples of 3D text animations, and if you want to build them yourself, check it out on @css-tricks.com. 🔗 css-tricks.com/3d-layered-t...
2255
Steve Gardner @ste.vg · 20/08/2025
This is great! I made a little library a while back to help with these kind of text effects, I should finish that. codepen.io/ste-vg/pen/m...
codepen.io
Oreo Smash Donuts
...
110
Steve Gardner @ste.vg · 01/08/2025
Loving all these animations you've been sharing lately! Super satisfying!
120
Steve Gardner @ste.vg · 01/08/2025
Like Gandalf, I also shout "YOU SHALL NOT PASS" when setting up walls in scenes.
130
Steve Gardner @ste.vg · 21/07/2025
BA in Media Arts. Nothing specifically web dev but useful skills that I think often translate, like video editing and photography.
020
Steve Gardner @ste.vg · 26/06/2025
*steal
020
Steve Gardner @ste.vg · 26/06/2025
I might have to steel that!
110
Steve Gardner @ste.vg · 26/06/2025
Same here, I feel like I've gone very quiet lately and I'm keen to get back into sharing demos again. It's perhaps a little early but I just created an empty CodePen called "Christmas Cannon 2"!
170
Steve Gardner @ste.vg · 17/06/2025
You can edit the scss via the js console using CP.editors.css.setValue('new scss'), and it seems to trigger a recompile after it's run. It's a little clunky but combined with CP.editors.css.getValue().replace() you could edit just the function input.
020
Steve Gardner @ste.vg · 10/06/2025
Yeah I'm the same, need me a numpad!
020
Steve Gardner @ste.vg · 10/06/2025
Yeah those Keychron's look really nice, the K5 Max is on the short list I think.
010
Steve Gardner @ste.vg · 10/06/2025
I've been going down the rabbit hole that is switch types! I think I'm drawn to tactile switches and a quiet click would be pretty satisfying. Not sure I can go without that numpad though!
010
Steve Gardner @ste.vg · 10/06/2025
Nice, yeah that switch from low profile all the way up to full mechanical seems like a big jump. Do you use a wrist rest? I'm drawn to the low profile mechanical but the layouts on those seem pretty cramped.
210
Steve Gardner @ste.vg · 09/06/2025
I need a new keyboard. What do people recommend these days? I've been rocking a Logitech MX keys for last view years and enjoy the low profile but want to move into the world of mechanical keyboards.
410
Steve Gardner @ste.vg · 24/05/2025
It's small but very smokey
193
Steve Gardner @ste.vg · 23/04/2025
OK hear me out... A game based on Severance where you only get to play either the innie or the outie. Another random stranger plays the opposite. You can only play when the other isn't and you have to work together without ever communicating. I want this game so bad!
090
Steve Gardner @ste.vg · 03/04/2025
The new Anime.js site is REALLY nice, well done and congrats @julian.gr on the new release! animejs.com
animejs.com
Anime.js | JavaScript Animation Engine
An fast and versatile JavaScript animation library
3493
Steve Gardner @ste.vg · 28/02/2025
With a few tiny base64 images and some mix-blend-modes you can get a pretty convincing shader looking effects with just HTML and CSS! codepen.io/ste-vg/pen/B...
0121
Steve Gardner @ste.vg · 26/02/2025
This is sooo good!
020
Reposted by Steve Gardner
henry ✷ @strange.website · 20/02/2025
cool to get shouted out here, especially in that hallowed company 🤍 we oughta have fun on the web when we can, make strange and surprising websites. www.figma.com/blog/why-dev...
figma.com
Why Developers Should Embrace Creative Coding Again | Figma Blog
Modern browsers have evolved beyond what most design tools can do. It’s up to us to break free from templates and tap into the web’s true creative potential.
16812
Reposted by Steve Gardner
Shaw @shaw.city · 13/02/2025
Ever needed to find color values for an IRL object? Try the amazingly inefficient, never-before-seen ✨ <input type="color"> Webcam renderer ✨ codepen.io/shshaw/pen/V...
0115
Steve Gardner @ste.vg · 04/12/2024
Yeah I think that's probably it ☹️
010
Steve Gardner @ste.vg · 03/12/2024
What's with this new trend of sending a login codes in an email/txt message, rather than just letting my password manager autofill everything? It takes way longer.
261
Steve Gardner @ste.vg · 12/11/2024
I've been trying to record a tutorial video. I'm currently on my 2 millionth take. 😢
030
Steve Gardner @ste.vg · 10/11/2024
👋
110
Reposted by Steve Gardner
🐴 Alex Trost @trost.codes · 01/11/2024
I’ve loved designing, building, and teaching big YouTube courses for my job at Prismic this past year. My favorite part is making the fake brands for each website. In the latest one we build a landing page for a fake soda brand called Fizzi.
2915417
Steve Gardner @ste.vg · 01/11/2024
This looks amazing, great stuff!
110
Reposted by Steve Gardner
🐴 Alex Trost @trost.codes · 31/10/2024
Gotta say this is a pretty wonderful starter pack @ryantrimble.com has put together. The “Follow all” button is a no-brainer. go.bsky.app/TUuRD73
96615
Steve Gardner @ste.vg · 25/10/2024
With just 1 week until Halloween it's a good time to start practicing your demon killing spells with this game I made! 🪄👻 codepen.io/ste-vg/full/...
0113
Reposted by Steve Gardner
CodePen @codepen.io · 05/08/2024
"Jump and Slide" by Steve Gardner
buff.ly
Jump and Slide
Original animation by Vitaly Silkin: https://dribbble.com/shots/4268258-Evitare-loader Also inspired by the @keyframers! https://www.twitch.tv/keyfram...
021
Steve Gardner @ste.vg · 22/10/2024
👋
030
Steve Gardner @ste.vg · 21/10/2024
They have a post about it here: bsky.social/about/blog/4...
bsky.social
How to set your domain as your handle - Bluesky
Using a domain as your handle helps with account identity, verification, and portability. Here's how to set your domain as your handle.
010
Steve Gardner @ste.vg · 21/10/2024
oooh you can use your domain as your username! I like having a small URL :)
150
Reposted by Steve Gardner
Piccalilli @piccalil.li · 21/10/2024
We’re really glad our starter pack is helping people on the web get settled in here. We’re trying to keep it all up to date but this place is poppin’ off. We’ll get there tho 🙂 It’ll be really appreciated if you share it with your pals too go.bsky.app/UUmcHf4
2145