July 21, 2026
iPad Simulator Built in HTML and JS

iPad Simulator Built in HTML and JS

Posted January 12, 2011 at 1:31pm by
Alex Wolkov has created an impressive iPad simulator using just HTML, CSS, and Javascript. The simulator is still being developed; however, Wolkov already has a lot working.

Things that work:
● Moving Screens left and right with "spring" effect
● Dock icons have css3 "reflection" ;)
● All icons have css3 rounded corners and shadow similar to Ipads
● Search works almost identically to the ios. (using modified jquery live-search )
● Lock screen effect with returning lock
● Home button works (exits apps, goes to first page, return from sleep mode,exits edit mode)
● Sleep button puts iPad in sleep mode
● Edit Mode: click and hold on any app for 2 seconds to enable edit mode
● - Edit mode icons shake in chrome (using css animation)
● - Move apps from place to place in edit mode
● - Move apps to another page
● - Move apps to dock
● - Delete Apps
● Multitasking: launch any app, and it's in the background
● - multitask bar opens on double homescreen click
● - 3D (only safari and webkit nightly) switch between open and wanted mutitask app
● - remove app from multitask by editing the multitask bar (hold and hold for 2 sec.)


The source code can be found here. You can check out the simulator at the link below...

Read More [via MacStories]


iPad Simulator Built in HTML and JS
Add Comment
Would you like to be notified when someone replies or adds a new comment?
Yes (All Threads)
Yes (This Thread Only)
No
iClarified Icon
Notifications
Would you like to be notified when we post a new Apple news article or tutorial?
Yes
No
Comments (2)
Comments are closed for this article.
alex
alex - January 12, 2011 at 3:07pm
Yaay I'm on iClarified :D love this site. Thanx for featuring me guys
nobody
nobody - January 12, 2011 at 4:27pm
good job. Nice proof of concept.
Recent. Read the latest Apple News.
RECENT
Tutorials. Help is here.
TUTORIALS
Deals. Save on Apple devices and accessories.
DEALS