Tumult Company Blog

Tips for making your Tumult Hype production “Mobile Friendly”

If you’re working on a Tumult Hype document for mobile devices, you may be interested in our new knowledge base article: “Tips for making your Tumult Hype production Mobile Friendly.” Of course, every Tumult Hype site is already compatible on Android 2.3+ and iOS, but there are a number of enhancements you can make. The article includes example files and covers the following topics:
  • Fitting your document to the width of devices
  • Removing the Mobile Safari user interface (URL & navigation bar)
  • Adding home screen icons and a loading screen, also known as a ‘Startup Image’ (iOS only)
  • Detecting swipes
  • Showing a different site based on the orientation of the device (Landscape & Portrait). Also: keeping the current scene in sync between those two orientations using the Tumult Hype javascript API.
  • Mobile Safari-specific CSS
For a live example of a Tumult Hype site that feels like a native app, please visit the Diesel Punk Movie player on your iOS device (it’s optimized for iPad):
If you have any additional tips for handhelds, we’d love to hear them. Drop us a line.