This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Mushon Zer-Aviv
Posted Mar 10 - Read on Facebook

Does anybody know a good #tutorial for web #developers looking to implement interaction and animation based on a Framer prototype? To me it really feels like this should be something Framer publishes front and center in the blog if not the docs. It is even more expected now that #Handoff is a thing, but I couldn't find anything like that online.
Any pointers?

6 Comments

Davo Galavotti

I totally recommend you to check Kyle's LevelUp tutorials, free content, to get an idea of basic HTML/CSS: https://leveluptutorials.com/tutorials/how-to-make-your-first-website/your-first-html-file

LevelUp tutorials got a subscription thing for more complex tutorials.

You can also check out https://teamtreehouse.com/.

Javier Eduardo Treviño

there's a new feature that allows you to copy an paste animations for web development projects...https://blog.framer.com/framer-handoff-1d557e3f3b0b#.b5nuixbm6

Mushon Zer-Aviv

Thank you guys. But that's not what I'm looking for.
I am actually quite good in HTML & CSS and am not looking to extend my own knowledge. As for the Handoff feature, I am familiar with it but the launch post only refers to copying animation values, which is an important yet small part of implementation.
I am looking for a link I can send developers alongside my framer.cloud link so they understand what are the best practices to implement the interaction exactly like it is in the prototype.

Javier Eduardo Treviño

That feature is as close as it gets for now I guess... It supports two different JavaScript libraries which are mainstream.. Velocity and the other one which escapes my mind. That code can be used as a comment on your prototype or in a different environment

Mushon Zer-Aviv

Comment in the prototype is a nice idea. I guess I'm looking for the ultimate snippet to include for the web developers who will need to implement the design. I think that can be a great low hanging fruit for making #Handoff more worthy of its name.

Javier Eduardo Treviño

Yes you should definitely look into that.. it supports Velocity and rebound I think. Which are libraries that any developer should be able to appreciate as they have widespread browser support

Read the entire post on Facebook