Building Animation with Responsive Layout (Part 2) - Saola Animate скачать в хорошем качестве

Building Animation with Responsive Layout (Part 2) - Saola Animate

This video is the next part of the previous video where I show you how to use responsive layout. Responsive layout makes your animation adapt to any screen size, from widescreen monitors to mobile phones. In this example, I don't need to change anything in the largest layout (above 1200px) (00:44). In the 900px-1200px layout, I just scale the page title down to make it fit the new viewport width (01:04). In the next smaller layout (600px-900px), I change the side navigation bar to a top one (01:45). Of course, I also scale the page title down properly. The smallest layout (below 600px) is the most complex as the navigation bar collapses to a hamburger menu (03:29). To make the effects, I create a hamburger button and make it interactive. My goal is when I click the button, the menu slides down and the button gets darker. The next time I click the button, the menu slides up and the button is back to normal. Tutorial: https://atomisystems.com/html5-animat... Building Responsive HTML5 (Part 1):    • Building Animation with Responsive Layout ...   -------------------------------------------------------------------------------- Saola Animate - The ultimate tool to create HTML5 animation for web Home: https://atomisystems.com/saola-animate/ Community: https://talk.atomisystems.com/c/saola...