the @keyframers

Web animation tutorials by @davidkpiano & @shshaw
🦋
🎥

[the @keyframers @keyframers]

What's this?
A post by @keyframers?
Yes! It's a special message telling you to follow us on
✨🦋 Bluesky 🦋✨
https://t.co/gnXGwTc4uL

[Algolia @algolia]

Next-up at #AlgoliaDevBit ➡️ Time Traveling with AI: A Musical Journey 🎶

Algolia teams up with @DavidKPiano & @shshaw from the @keyframers to explore what the future of UX might look like.

They’re inventing a four-dimensional UI powered by LLMs + Algolia search to deliver fast, intuitive results across time itself 🤯

Watch it 🔴 LIVE now → https://t.co/cg3dxaSUns

[Algolia @algolia]

💫 And that's a wrap for #AlgoliaDevBit: Winter Edition ❄️

A huge THANK YOU to EVERYONE who took part, and a very special thank you to our host @chuckm, and @keyframers guest speakers @DavidKPiano & @shshaw!

Missed any of the mini-sessions? You'll find them all on our Algolia @YouTube page shortly: https://t.co/WeLHSs9lz5

[Algolia @algolia]

What if the future of UX isn’t just faster… but multidimensional?

In the upcoming #AlgoliaDevBit, @keyframers’ @davidkpiano & @shshaw dive into a speculative 4D interface that blends creative animation with the power of LLMs integrated into Algolia Search.

🎟️ Don’t miss it → https://t.co/0QcFd5EVle

[Jason Lengstorf @jlengstorf]

NEW: the latest Web Dev Challenge is streaming for everyone!

@algolia asked 3 teams of devs to imagine what UX in an AI-native web app might look like. featuring @DavidKPiano, @shshaw, @technicallynadi, @aguywhocodes, Syscily, and Camille, with @chuckm
https://t.co/OAWepFpYoE

[Jason Lengstorf @jlengstorf]

helping make the @keyframers reunion happen

[Jerod Santo @jerodsanto]

Today's the day! 🪩

I'm hosting @JSPartyFM's Frontend Feud LIVE with @una and @argyleink VS @DavidKPiano & @shshaw in ~30 minutes 🕺

👀 https://t.co/JEQlJmoSLl

[Chris Coyier @chriscoyier]

Another rad way to use @CodePen: 🎥 Video & Streaming!

Here are some frickin' excellent examples:

⭐️ @hyperplexed :: https://t.co/WBnsINeziz

⭐️ @KevinJPowell :: https://t.co/6TFm6KKDWt

⭐️ @anatudor :: https://t.co/1feb43vO6g

⭐️ @keyframers :: https://t.co/OVD6HP0wu2

[Chris Coyier @chriscoyier]

The @keyframers famously used "Collab Mode" in their videos, another of our PRO features. It's what you think it is: realtime work with other people.

You get a cursor!
You get a cursor!
You get a cursor!

https://t.co/SKTz2BNB4k

(The #1 use case though? Interviewing. No joke.)

[David K 🎹 @DavidKPiano]

@simonflack @keyframers 🔜

[Amani Ahmed @Amani_Off]

This little project really made me fall in love with CSS a little more

[the @keyframers @keyframers]

Let's make some 3D Cards!

CSS-only...? Tune in & find out!

💡 Inspiration: https://t.co/Nk06YLn51h
⏰ Live stream: Oct 27, 2021 @ 17:00 EST
📺 Watch: https://t.co/PJ0sgCNcCg

#webdev #css #js #animation #livestream #3D #3Danimation

[Software Talks @SoftwareTalksIO]

3D Page Fold Transition with CSS & Vanilla JS! | FLIP Animation Tutorial | @keyframers 2.34 #SoftwareTalks https://t.co/UeWVMH4ynN

[the @keyframers @keyframers]

"Animating in React is easy!"
– Nobody

Let's at least try some approaches to making state animations easier!

💡 Inspiration: https://t.co/Z5gwOTiSs6
🎥 Watch: https://t.co/4gfiBaIWCG
⏰ Live stream: Oct 14, 2021 @ 13:00 EST (30 min!)

#webdev #css #js #animation #livestream

[the @keyframers @keyframers]

Let's get back to animating with this cool expanding column layout!

💡 Inspiration: https://t.co/RecCAimJQh
🎥 Watch: https://t.co/Eeevei3MnF
⏰ Live stream: Sep 30 @ 13:00 ET

#webdev #css #js #animation #livestream

[the @keyframers @keyframers]

Let's get back to animating with this cool expanding column layout!

💡 Inspiration: https://t.co/RecCAimJQh
🎥 Watch: https://t.co/Eeevei3MnF
⏰ Live stream: Sep 30 @ 13:00 ET

#webdev #css #js #animation #livestream

[the @keyframers @keyframers]

State Machines!
Canvas!
Undo/Redo!
Circles!
What more could you want?

🥊 Challenge: https://t.co/nRX6jGmaVe
⏰ Live stream: Sep 17, 2021 @ 13:00 EST
📺 Watch: https://t.co/F5nZl0NOSO

#webdev #css #js #animation #livestream

[Stately.ai @statelyai]

Join us for our Stately Office Hours live at 9 AM ET!

https://t.co/E8gKYz9wj8

[the @keyframers @keyframers]

Oh, crud. It's CRUD time with State Machines & XState!
🥊 7GUI Tasks Challenge, Round 3 🥊

🥊 Challenge: https://t.co/YeYarnKvnU
⏰ Live stream: Sep 2 @ 17:10 EST
📺 Watch: https://t.co/5xIalGhOnH

[the @keyframers @keyframers]

Oh, crud. It's CRUD time with State Machines & XState!
🥊 7GUI Tasks Challenge, Round 3 🥊

🥊 Challenge: https://t.co/YeYarnKvnU
⏰ Live stream: Sep 2 @ 17:10 EST
📺 Watch: https://t.co/5xIalGhOnH