Web App Demo

"Catchin' up fast, native apps!"


Momentum Scrolling

Round the world and home again

That's the sailor's way

Faster faster, faster faster










There's no earthly way of knowing

Which direction we are going

There's no knowing where we're rowing

Or which way the river's flowing









Is it raining, is it snowing

Is a hurricane a-blowing









Not a speck of light is showing

So the danger must be growing

Are the fires of Hell a-glowing

Is the grisly reaper mowing









Yes, the danger must be growing

For the rowers keep on rowing

And they're certainly not showing

Any signs that they are slowing









Round the world and home again

That's the sailor's way

Faster faster, faster faster









There's no earthly way of knowing

Which direction we are going

There's no knowing where we're rowing

Or which way the river's flowing









Is it raining, is it snowing

Is a hurricane a-blowing









Not a speck of light is showing

So the danger must be growing

Are the fires of Hell a-glowing

Is the grisly reaper mowing









Yes, the danger must be growing

For the rowers keep on rowing

And they're certainly not showing

Any signs that they are slowing









Round the world and home again

That's the sailor's way

Faster faster, faster faster









There's no earthly way of knowing

Which direction we are going

There's no knowing where we're rowing

Or which way the river's flowing









Is it raining, is it snowing

Is a hurricane a-blowing









Not a speck of light is showing

So the danger must be growing

Are the fires of Hell a-glowing

Is the grisly reaper mowing









Yes, the danger must be growing

For the rowers keep on rowing

And they're certainly not showing

Any signs that they are slowing









Round the world and home again

That's the sailor's way

Faster faster, faster faster









There's no earthly way of knowing

Which direction we are going

There's no knowing where we're rowing

Or which way the river's flowing









Is it raining, is it snowing

Is a hurricane a-blowing









Not a speck of light is showing

So the danger must be growing

Are the fires of Hell a-glowing

Is the grisly reaper mowing









Yes, the danger must be growing

For the rowers keep on rowing

And they're certainly not showing

Any signs that they are slowing









Round the world and home again

That's the sailor's way

Faster faster, faster faster









There's no earthly way of knowing

Which direction we are going

There's no knowing where we're rowing

Or which way the river's flowing









Is it raining, is it snowing

Is a hurricane a-blowing









Not a speck of light is showing

So the danger must be growing

Are the fires of Hell a-glowing

Is the grisly reaper mowing









Yes, the danger must be growing

For the rowers keep on rowing

And they're certainly not showing

Any signs that they are slowing









Back to the top!

Full Screen

For Android users:

Toggle Full Screen Mode

For iOS users:

Web apps that have been added to the home screen can be viewed in full screen mode.

iOS Add to Home Screen

Notifications

Currently, web app pushing to iOS/Mobile isn't fully implemented. It is currently working for desktop browsers, but there is a growing movement to get it implemented.

We can, however, utilize text messages (SMS or MMS) to send notifications from a web app.

Send an SMS (Demo)

Notes on Terminology:

SMS: "Short Message Service" - This is your basic text message.
MMS: "Multimedia Messaging Service" - Text Message + Images / Video
Push Notification: An alert or message sent by an installed app.

Transactions

There are a variety of transactions options that include:

Stripe Payments

Stripe is an easy to use payment gateway. It allows for seamless payment processing through their drop-in widget. Though slick, for any user or customer management an additional system needs to be in place to handle remembering users and handling accounts.

Example Card #: 4242 4242 4242 4242
You can use any valid expiration date and any CVV number you'd like.

Pull-to-Refresh

Try pulling the screen down for a different image!

Pinch-Zoom-Rotate

Try dragging, pinching to zoom, and rotating our logo!

Long Press

Press and hold the square to see long press (also known as tap and hold) in action! Note that the default menu does not pop up, but the square changes color.

Camera Access

If you are on an Android device with a supported browser, allow camera access to view a web-based mirror! This functionality should be possible on iPhone with the next iOS release.

Geolocation

Click the button to get your position (may take a few moments):

Try It

Gyroscope/Accelerometer

Move the squares by tilting your device! For best results, try holding your device horizontal and pressing the reset button to start.

Reset Detailed Data Demo
Back

Detailed Data Demo

Move your device to see the raw data change, along with the colored boxes at the bottom!

Accelerometer
Gyroscope
Color
Color
Your browser does not support Device Orientation and Motion API.

Private Detection (iOS Only)

Currently private browsing detection only works in iOS with Safari. Surfing another way leaves you incognito to us knowing you're incognito.

Open Popup Manually
Close

We see you're surfing all privately; we'll assume it's with all the best intentions and leave you to it!

Voice-to-Text (Android only)

Click on the button below, allow microphone access, and begin speaking.

Speak now.

No speech was detected. You may need to adjust your microphone settings.

Click the "Allow" button above to enable your microphone.

Permission to use microphone was denied.

Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream

This feature is currently only available to Chrome on Android devices.

Try it!

  

Vibration (Android only)

Sorry – your browser does not support the HTML5 Vibration API. Try in the latest version of Chrome or Firefox on Android.

Vibrate!

Add to Home Screen

Android (Chrome): Press your options button and select "Add to homescreen".

iOS (Safari): Press your "Add"(box with arrow) button and select "Add to Home Screen" or click the button below.

Camera Upload

Tap Me!

Audio Playback

Go ahead and press that home button - if your browser is compatible, it'll continue playing in the background!

Music provided by Bensound.

One weird iOS caveat: background audio only works in a non-fullscreen Safari instance. So if you add this page to the home screen, it won't play background audio!

Shake

Your browser doesn't support HTML5 Canvas
Shake Me!

Recommended Web Apps

Here are some real platforms making use of web app technology!

HOMECROWD is a drag-and-drop football management webapp, with a super slick interface.

Soonsnap is a beautifully simple image sharing service, perfectly optimized for mobile.

SVGOMG helps designers and developers compress SVG images - although technical, the interface is one of the best parts.

Quartz has a great mobile site as well - nicely responsive and fits well on the screen.

The New York Times has created an exercise webapp - with narrators and step-by-step walkthroughs.

The This American Life podcast has a great mobile site too, complete with an HTML5 player and background audio.

The third-party Premii Hacker News Client greatly improves on the original, providing a responsive header and navigation menu.

Hex FRVR is an incredibly addicting game, with a full screen interface and a unique playstyle.

Although more a tech demo than anything, Winterlands by Akqa senses your phone's motion to take you on a journey through a snow globe. It is simply incredible - and all through the web!

Game About Squares is a game about squares - very well done on the mobile aspect.

Last but not least, 2048 is a classic - swipe in all four directions to try to get the highest number!

Startup Screen

Loading screens like these provide a slick, inviting experience for new users.

Local Storage

This slider remembers where you set it! Try changing it and refreshing the page.

Offline Access

You can use this app while you're offline! Go ahead - unplug that network cable, turn off WiFi, or turn on Airplane Mode. Refresh the page to see the magic happen!

Currently this app uses the deprecated Application Cache, since most browsers don't support the fancy schmancy new Service Workers yet. For now, support is spotty, and results may be odd at times - but for the most part, it works!