Andrew Rubin

Web developer @wethetweet 💻 | Animation fanatic | a11y advocate | Fascinated by game dev 👾

[Steve Gardner @steeevg]

I've made a game in @CodePen! Cast spells and fight demons! Made with @threejs @greensock and @statelyai

Can you save the crystal?

https://t.co/LHcm86z7fV

[Steve Gardner @steeevg]

I've made some fun experiments with animated 3D text rendered in HTML! @CodePen. I plan to turn this into a handy little library to help make these kind of effects easier. These are animated with @greensock.

https://t.co/zWH3roIu7i

[Steve Gardner @steeevg]

We all talk about how infinitely scrolling websites are often bad for user experience... but we never talk about how it makes the footer feel.

So I made this @CodePen to help shine a light on the footer's never-ending sorrow. 😢

https://t.co/ShBpT2jMIT

[Napoleon Peartree @MEugeneMarcel]

@vancanadians for the love of god no more AC/DC. Please god please 🤙

[Andrew Rubin @andyranged]

@vancanadians please stop playing AC/DC 🤙

[Andrew Rubin @andyranged]

We're hiring for a bunch of positions over at @wethetweet, including a Front-end Web Developer. Come work alongside some incredibly creative and passionate folks: https://t.co/YMSRSzNqNq

[Andrew Rubin @andyranged]

@cobra_winfrey Love this. Nice work 👏

[Steve Gardner @steeevg]

Say you have a carousel or tabbed content where the container needs to have the same height as the tallest item.

Rather than using absolute positions and setting the container height with js, you could use CSS grid to overlap each item in the same area.

https://t.co/E5A4j980Uh

[Cassie Evans @cassiecodes]

This lil animation project was 100% my jam.

excitable thread explaining why...

1) It has intent.

A lot of people ask me about animation's 'place' on corporate sites. This is such a great example. It's not just aesthetic, it helps to explain the product quickly and with humor.

[Pete Barr 🤟 @petebarr]

Here's a satisfyingly stretchy jello text effect using a #variablefont with @greensock's GSAP SplitText. It's been over a year since I last did something fun on @CodePen so I hope you like it. 🤟

The Pen: https://t.co/5m5atHfr3E
GT Flexa font by @grillitype

[George Francis @georgedoescode]

So, I've been building the geometry library of my dreams... and it's starting to do some very cool things! ✨

As it understands all kinds of shapes (including those with holes, etc!) it can do some lovely, *speedy* shape packing.

Here’s a simple preview 👀

[Andrew Rubin @andyranged]

@steeevg TIL the solution is stored in local storage 😭

[Andrew Rubin @andyranged]

@NickLancey Shitty!

[Andrew Rubin @andyranged]

@marlonmarcello @Una So good!

[Andrew Rubin @andyranged]

We're currently hiring for a bunch of positions at @wethetweet! https://t.co/CMqqpJxTSD

[We The Collective @wethetweet]

Our team creates MIT-licensed libraries for common web components. Checkout these staches on our @CodePen and search for wtc-carousel on @npmjs and give it a try yourself.

https://t.co/RE0aIKaBMw

#OpenSource #npmjs #WebComponents

[Andrew Rubin @andyranged]

Decided to dig into pathfinding algorithms this weekend. As a sort of prerequisite to that, went down a rabbit hole and ended up making a min heap class for JavaScript 😅 https://t.co/zzTpYfdEIO

[We The Collective @wethetweet]

We { like to experiment: Our team built an open-source WebGL library to abstract away the boring bits. Here's just one of the fun things we made with it. Check out the package on NPM so you can experiment too.

https://t.co/319BPMeLZl

#AgencyLife #WebGL