This is extremely impressive! It always surprises me how far people can go with web scripting languages like JavaScript and CSS. In fact, it reminds me of the iPhone icons made purely out of CSS[1]
Anyways, for anyone who is interested, the only two apps that work are Safari and Maps.
And for anyone who can't access it, here are the features:
In the meanwhie, you are welcome to checkout my blog : alexw.me
You can also fork this at https://github.com/altryne/Ipad-Simulator
and hack on this and do cool stuff because open souce rulez
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
All he/she needs to add is multitasking and I think the app (or should I say, operating system) is complete!
Coincidentally, those are the only two apps I tried, and they both immediately worked, which caused me to (incorrectly) conclude that everything would work. So much for random sampling.
Not only does Safari work, it uses this user agent: "Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10"
it's "HE" ;) and I've thought about that, but when I started building this, iOs 4.x was still in beta, and I couldn't install it,maybe in the future :)
Slightly similar (framing content inside of images to mimic other environments), I just added a boss key to viewtext.org to view web pages in a window that looks like Visual Studio. I plan on adding other environments soon.
This seems to be merely a web app that changes a photo when you press different areas of it. It's cool, but no where near as interactive as the alexw.me one IMO.
40 comments
[ 3.5 ms ] story [ 96.4 ms ] thread(If you're using Chrome, use the middle mouse button to scroll).
Well, kinda.
Anyways, for anyone who is interested, the only two apps that work are Safari and Maps.
And for anyone who can't access it, here are the features:
All he/she needs to add is multitasking and I think the app (or should I say, operating system) is complete![1] - http://graphicpeel.com/cssiosicons
Coincidentally, those are the only two apps I tried, and they both immediately worked, which caused me to (incorrectly) conclude that everything would work. So much for random sampling.
This a couple of jQuery plugins and ~200 LOC of JavaScript to make it look like the iPad interface.
Did anyone actually look at the code?
I'm not even sure I understand what the point of this is.
How is it not? Regardless of the code, doesn't it perfectly emulate some key features of iOS? Understanding the point is another argument...
Example:
http://viewtext.org/article?url=http://weblog.raganwald.com/...
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
Now I'm seriously impressed.
Why would you simulate some things (search, SpringBoard animations) with a very high level of detail, but completely neglect others?
"Warning: Suspected phishing site!"