Responsive web design is all the rage these days the ability to actually have …your contents scaled to the view port of the device you're looking at is one of …its big advantages. And it should come as no surpise that …this feature is built into edge animate. And that's what we're going to take a …look at in this exercise. To get yourself started, open up the …responsive.am file located in your exercise folder. …Now the first thing you want to do is just test the movie. …Cmd Return or Ctrl Enter. And you can see that everything is there, …but it's not exactly responsive. It's just sort of locked into the stage.…
So let's fix that right now. The first thing you want to do is just …make the stage responsive. And you do that by saying instead of …making the stage 960 pixels wide and 500 pixels high, let's fill it to 100% of the …browser window. And just by doing that, you can see that …it now fills up. That black area is the stage and it's …filling up the browser window. Now, you'll notice that you've lost the …
Released
3/27/2013- Exploring the project files
- Planning the workflow of your projects
- Optimizing and sizing your images in Fireworks
- Adding Smart Filters and blur to video with Photoshop
- Adding Edge Web Fonts to a composition
- Understanding the responsive features in Edge Animate
- Coding in Edge Animate
- Adding content to Muse
Share this video
Embed this video
Video: Responsive features of Animate