9 ms·
JavaScript simulation of an iPad
- christophe971 16y agoSurprisingly enough, it does work on the iPad. It is slow as hell of course, with a real problem of adjusting to the screen size, but it works !
- bluedanieru 16y agoIt also works on the simulation itself, although again you can't scroll, even to unlock it.
- ajg1977 16y agoUsing Safari on the simulated iPad, you can open the webpage for the simulated iPad :) (If you're using Chrome, use the middle mouse button to scroll).
- dools 16y agoYeah i just loaded this in my iPad. Reminds me of browserling.com. We put an iPad in your iPad.
- epochwolf 16y agoSo you can touch while you touch?
- lecha 16y agoAwesome! feature request: please auto-detect the iPad and run it in full-screen mode, without the black border. :)
- altryne 16y agoinception :P
- code_duck 16y agoYeah, he did a great job with this! I saw it on forrst a while back ( http://forrst.com/posts/iPad_simulator_with_jQuery_Css3-CTA http://forrst.com/posts/iPad_simulator_with_jQuery_Css3-CTA ). I love how the browser works.
- jonknee 16y agoIt's minor, but there is no messaging app on the iPad...
- haxplorer 16y agoNothing other than maps works.
- beej71 16y agoNonsense! The browser running the iPad Simulation works! :) Well, kinda.
- InclinedPlane 16y agoI had thought "under construction" heavy web sites died out in the 90s, I guess I was wrong.
- ot 16y agoiPad simulator inside Safari inside iPad simulator doesn't work :(
- isak2 16y agoCool. But why?
- dshankar 16y agoWhy NOT? This is a very cool CSS/Javascript hack, I love it
- solipsist 16y agoThis 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! [1] - http://graphicpeel.com/cssiosicons http://graphicpeel.com/cssiosicons
- adriand 16y ago> the only two apps that work are Safari and Maps 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.
- tierack 16y agoNot 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"
- altryne 16y agoit'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 :)
- OwlHuntr 16y agopretty cool! hope it comes out well
- deleted 16y ago[deleted]
- geekytenny 16y agovery nice
- ronnier 16y agoSlightly 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. Example: http://viewtext.org/article?url=http://weblog.raganwald.com/2006/06/my-favourite-interview-question.html&format=visualstudio2010 http://viewtext.org/article?url=http://weblog.raganwald.com/...
- wikirobot 16y agoit is impressive but I saw one similar to it a while back here : http://sachleen.com/iPad/ http://sachleen.com/iPad/ he also has a few other simulations
- solipsist 16y agoThis 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.
- shadowpwner 16y agoI thought this was pretty cool at first, then I checked the useragent of the Safari browser on the simulated iPad: 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.
- comex 16y agoFont is wrong, app names are in the wrong case, "slide to unlock" bar/text is way wrong, icons are wrong... Why would you simulate some things (search, SpringBoard animations) with a very high level of detail, but completely neglect others?
- phlee 16y agoFlash works!
- bound008 16y agoalarm clock doesn't work. how ironic.
- stretchwithme 16y agocool app of the day!
- stretchwithme 16y agooops. Chrome no like. "Warning: Suspected phishing site!"
- oliverdamian 16y agogood job!
- rman666 16y agoNo USB port on this one either!