One of the coolest things Apple did with Safari on the iPhone (and now iPad) is implement JavaScript APIs that allow ordinary websites to interact with some of the device’s unique features.
My favorite example of this is the multi-touch events that can be attached to standard HTML elements. With just a bit of extra coding, your website can recognize touches and gestures on the iPhone and iPad. For more information see the Safari Web Content Guide provided by Apple, this reference provides a good overview of how this all works.
I finally got a few minutes to play around with this stuff today, so why not see if I can take a common carousel and have it navigate to the next or previous slide on swipe.
I grabbed a client at random that has a carousel on their homepage and went to work on their free upgrade. I learned a couple of things along the way (for example, using the jQuery bind function to attach these special JavaScript events cause event.touches to be undefined), but all in all I was able to crack out the basic swipe gestures without too much trouble. Check out my source code to see how I am defining my swipe gesture.
If you have an iPad or iPhone handy, have a look at Charley’s Grilled Subs (http://charleys.com) and navigate the main banner carousel using a swipe. Swipe left to go to the next slide or swipe right to return to the previous one. It works on the Charley’s menu too.
Pretty cool, huh?





Dynamit was honored as one of the “Best Places to Work” in 2010 & 2011 by Columbus Business First newspaper and Interactive Agency of the Year. Times are even better in 2012 and we’re hiring a Web/Graphic Designer for our aggressively growing team.
This is an exciting opportunity to work on cutting edge projects for well-known brands in a dynamic, entrepreneurial and highly creative environment. Please email resumes/cover letters and portfolio information (documents or links to online examples) to Gary Moneysmith via gmoney@dynamit.us.
A web/graphic designer on the Dynamit team will:
Experience is important, but personality is key. Our culture is what drives us, and we’re looking to build our team with someone who both fits and contributes to it.
The position is full time at our office in the Arena District in Columbus, Ohio. We offer a competitive salary and benefits package as well as a fun, high-energy, intellectually-stimulating work environment.
Benefits Include
Don’t sit back. If you want to work in a fast paced work environment with great people who love what they do, apply today.
About Dynamit
Dynamit is a digital agency based in the Arena District in Columbus, Ohio. We work with clients and brands on digital initiatives that include strategy, design, user experience and development. We influence communication and commerce. Client work includes Hilton Worldwide, Charley's Grilled Subs, McGraw-Hill, British Broadcasting Corporation (BBC), E-Z-GO, American Electric Power (AEP), Columbus College of Art & Design and the Ohio State Medical Center (OSUMC) to name but a few.


