Navigation

How to use Foundation’s advanced features

By Sam Piggott | How To | Dec 5, 2013

Last time we covered our bicycle enthusiast’s page, we built an entire basic page in less than twenty minutes flat using the magic of Foundation. Today, we’re going to take that magic even further, and without touching a single line of jQuery or CSS, you’ll learn how to upgrade your site’s functionality with the following techniques:

  • We’ll add custom pop-up tooltips over any element on the page
  • Turn a series of images and a block of text into an interactive carousel
  • Add a modal dialog to pop up with a click of a button

What’s most exciting is that all of the features we add in today’s tutorial are added with nothing more than Foundation 5’s libraries that come packaged as default — no extra libraries required!

 

Have you been experimenting with Foundation 5? What parts of it do you enjoy the most? Let us know in the comments.

Share this post
Comments (no login required)
  • http://www.creativebeacon.com/ James George

    Awesome Sam! I actually did a couple of similar videos for my website. They might help web designers to create awesome sites using Foundation 5.