Mozilla Demo Studio

  • Submit a Demo

HTML5 iPhone

Simulates an iPhone using HTML5, CSS, Javascript

Built using Javascript, HTML5, CSS3

  • 170 views
  • 1 comments

More About This Demo From The Author

This is an iPhone simulator! HTML5 iPhone uses CSS Media Queries to adjust the iPhone position so that it views best on your screen. Some apps also open.

The iPhone itself uses pure css. "iOS" uses images and javascript out of necessity.

This demo only supports newer browsers (excluding IE) due to the experimental technology that it uses.

Note: Safari crashes occasionally on the "Firefox" app because of buggy support of calc.


Planned Updates:
- Refine Firefox App (to make it work).
- Compatibility with IE?

1 comment so far

Register or log in to add your own.

  1. Joshua-S said,

    Any ways I could make this demo better?

Get the Source Code

Download the Source 703.98 KB · ZIP File

This demo is released under the MPL/GPL/LGPL license.

More by Joshua-S