- [Instructor] This is the first line in the presentation.…Let's look at it in context so we can figure out…how we need to structure our application.…When a page is loaded in the browser,…we need a container that will occupy…all the visible parts of the window.…Our presentation screen should be centered…horizontally and vertically within our container,…and it's just scaled appropriately…no matter what the aspect ratio of the browser.…The presentation will consist of a set of slide elements…that will be displayed sequentially.…We'll develop the necessary transition effects…to make the presentation flow smoothly…from one point to the next.…Each slide contains the text and image assets…we want to display.…
Since one of our goals is to make…our presentation responsive,…we need to consider how our images are constructed.…One basic decision that needs to be made up front…is whether to use raster or vector images.…Since our images are very simple…and we want them to look good…through a large range of sizes,…we will use the vector image format.…
AuthorW. Scott Means
- Creating a dynamic layout with flexbox
- Navigating the DOM
- Adding animation
- Controlling animations with classes
- Applying CSS to SVG
Skill Level Intermediate
Web Portfolio Projects: Binding and Propagationwith Leigh Lawhon1h 9m Intermediate
What you should know1m 4s
1. Building a Foundation
2. HTML Layout
4. Adding Animation
5. Working with SVG
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.