https://bit.ly/4bTD5zu 👈 Design & code like me. Use "UI2024" for 25% Off!
https://bit.ly/4dVpgRa - Get notified when my Rive course is released!
-- Today, we're going to take an in-depth look at how to utilize Rive's new layout system, to create a responsive layout for use on the web. It's an entirely different paradigm when compared to HTML/CSS, so let's dig in!
Rive file:
https://rive.app/community/files/14492-27321-responsive-layout-tutorial
The HTML/CSS/JS mentioned in the video for embedding your rive file to the web:
https://codepen.io/designcourse/pen/BaXbXBz
Thanks to Dani and Dom Signorile for helping me figure out stuff in prep for this tutorial!
https://www.linkedin.com/in/daniyar-rive/
https://www.linkedin.com/in/animatedom/
0:00 - Intro
0:24 - Layout construction
21:09 - Responsive Timelines
29:47 - Final result
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!