Join James Williamson for an in-depth discussion in this video Adding image gallery functionality, part of Applied Responsive Design.
All we need to do to finish our gallery is add the photo swipe functionality to it.…Now, while this process is pretty straightforward and they give you plenty of examples on their…site to learn from, there are still a few things that you are going to need to pay attention…to, in terms of integrating it into your own projects. And sometimes that's the hard part.…You'll download this, you'll expand all the assets, and then it's kind of like okay, now what do I do?…It's actually a really easy process. There are just a couple of things you need to track.…You'll notice that I'm not in any one particular program.…I'm just kind of out here in a new Finder window.…
So open up Explorer, if you are on a PC, Finder window if you are in a Mac, and focus on…the 04_07 directory.…If you open up the assets folder inside of that, you'll find a download from photo swipe.…Now again, this is using 305, in terms of the version.…If a new version has been released in between now and when you watch the video, then if…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.