Slide navigation

Slide navigation

Want to bring iPhone-style slide navigation into your own online portfolio? Stewart Hamilton-Arrandale shows you how.

Re-creating the beautifully simple drag-and-throw functionality of the iPhone to create a simple yet visually pleasing portfolio centrepiece for your web page is easy.

What's more, by controlling the content through an external XML file, you'll be able to use this technique to add and edit your portfolio without the need of redesigning or recoding your site. The advantages of this approach are two-fold: you can concentrate on the visual casing of the design, while the content can be updated and edited independently.

In this tutorial, we'll be looking at the interactive elements and the way your audience will interact with a drag-and-throw portfolio. We've based our design on the iPhone, but have set up the tutorial so you can mimic this action with any design you choose. We will be using ActionScript 3.0 and utilising external XML files for updatable content to help make this project flexible for all your future needs.

Click here to download the support files (12.5MB)

Click here to download the tutorial for free

Computer Arts magazine subscriptions

Join the community!

Sign up to comment on articles, get exclusive offers and receive our newsletter!

CA Collection
Advertisement: Professional Awards
Dell Creative Studio
Become better connected

@computerarts

  • Work on the web? Help out our chums at @netmag by taking their web design and development survey - http://t.co/7tX6WgzZ

    4:35PM Feb 3rd via web

site stat collection