Start a free Courses trial
to watch this video
In this video Nick Pettit introduces the most recent Forum Contest topic Photo Galleries.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upI'm Nick Pettit @nickrp on Twitter, 0:00 and in this week's forum contest 0:03 you are going to build a photo gallery. Let's check it out. 0:06 Here, I have a photo gallery from Zurb, 0:09 creators of Zurb Foundation, 0:13 and this one was built a couple of years ago 0:15 but it's still pretty cool. 0:18 If I hover over any of these photos, 0:20 they enlarge so you can see the photo in a little bit more detail. 0:23 And if you click on any one of these, 0:27 it will bring to the flicker page for that particular photo. 0:29 You'll also noticed that these are styled in sort of a Polaroid looking format. 0:34 So they have a square photo here with some white space around it, 0:39 and they also have a shadow around the photo, 0:42 and that shadow actually increases in size and in intensity when you hover over. 0:46 They're also using another effect here we're the photo actually rotates as you hover over. 0:53 So quite a few effects feeling on here and they explain how it works. 0:58 However, I would like you to build your own take 1:04 on a photo gallery, so you can do whatever you'd like. 1:07 If you'd like you're photos to maybe flip over as you click on them, 1:11 so you can see more information about the photo, 1:14 or maybe they enlarge or whatever you want to do is totally up to you. 1:17 You just have to build it in HTML, CSS, and JavaScript, 1:22 and you can go ahead and use any type of frameworks or plugins that you like. 1:25 So if you want to use Zurb foundation 1:30 or if you want to use jQuery for some animation effects 1:32 or if you want to use Bootstrap and go ahead and fill that in, it's totally up to you. 1:37 There are more details about this forum contest below this video, 1:43 so be sure to read it carefully before you create your entry. 1:47
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up