Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This step-by-step project demonstrates how to create an interactive homepage marquee using Adobe Edge Animate, a tool for creating smooth motion and transitions for multiple screen sizes, and a combination of HTML5, CSS, and a little custom jQuery. Author Chris Converse shows how to build the buttons, captions, and navigation elements; detect rollovers and other interactions; animate the artwork and effects; and ensure your design works equally well with mobile and tablet layouts.
(music playing) Hi! I am Chris Converse and this is a course on creating an animated homepage marquee for your website using Adobe Edge Animate. This project is going to feature a few nice interactive user experiences. One, if the user rolls their mouse inside of the marquee, it will stop the automatic animation so the user can interact with navigation buttons or the Learn More buttons. When we resize the browser, the design is also going to conform to the browser size, giving us a responsive design technique that's going to be useful for multiple size screens.
And we will also be linking the navigation to the timeline, so users can click on the navigation items and jump to any panel that they want to see. So I hope this course sounds interesting to you, and if so, let's get started.
There are currently no FAQs about Create a Homepage Marquee with Edge Animate.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.