iPad Peek: How Your Site Looks on the iPad

iPad Peek: How Your Site Looks on the iPad

6 Apr 2010 ·

Internet


One of the primary goals for web developers and bloggers like me is to provide users/readers a nice and smooth user experience on our websites or blogs. To achieve this, some of the things we do are using tools like the Google Browser Tool to check how our websites and blogs look like in different screen resolutions, install and use mobile themes/plugins or create mobile versions to make our websites or blogs viewable on mobile devices. Now that the Apple iPad is here, I’m pretty sure that most web developers and bloggers would want to check how their websites look on the Apple iPad.

To do that, you don’t need to buy or have an Apple iPad. iPad Peek is a cool website/tool that will let you see how a website or blog is rendered on the iPad. Just point your browser to http://ipadpeek.com, type in the URL of the website or blog that you’d want to check and hit Enter. Btw, the virtual keyboard that pops up when you click on the address bar is just for show and doesn’t function, same goes for the back/forward, bookmark buttons. The only part of the browser that works is the reload button. Clicking on the top part/border of the iPad toggles the landscape and portrait mode.

Here’s how JaypeeOnline looks like when viewed on the iPad using iPad Peek:

Landscape Mode
iPad Peek JaypeeOnline

Portrait Mode
iPad Peek JaypeeOnline

Using iPad Peek can give you an idea on how a website or blog looks like on the iPad but doesn’t provide a 100% accurate user experience because Flash isn’t supposed to work on the iPad but works on iPad Peek. To do that, you’ll have to disable Flash on your web browser. Another thing to take note when using iPad Peek is that pages viewed on portrait mode are scaled 75% using CSS3 transformations which work best on Firefox 3.5+, Chromium 5+ and Opera 10.5+.

iPad Peek was created by software engineer Pavol Rusnak.

Anyone tried using iPad Peek? Does your website or blog render well on the iPad?


Subscribe to JaypeeOnline's RSS feed  Share this on del.icio.us  Stumble It!  Digg this!  Share this on Facebook  Tweet this!  Share on FriendFeed  Bookmark It!  Submit to Reddit!  Email this story to a friend!
Written by Jaypee Habaradas
Owner and editor of JaypeeOnline. Self-proclaimed geek. New media writer and consultant. WordPress advocate. Loves blogging, gadgets, video games and sports. You can follow him on Twitter @jaypee or Facebook.
Don't miss a single post and receive FREE updates on your email inbox. Subscribe NOW!

Enter your email address:

*Don't forget to verify your subscription by clicking the link on the email that Feedburner will send you.*

Didn't find what you're looking for? Try looking for it again.

Related Posts

Related Ads

























, , , , ,

**Comments posted on JaypeeOnline are moderated. I reserve the right to edit/delete comments that contain words or phrases that are defamatory, abusive, incite hatred and advertise an email address, commercial services or spammy.


11 Responses to “iPad Peek: How Your Site Looks on the iPad”

  1. BetaTest UNITED STATES Internet Explorer Windows Says:

    Hey Jaypee.

    Yeah, iPad Peek is cute. But, seriously, the web version doesn’t render anywhere near what the actual iPad user will see. Like Jayson said, it’s just an inline frame with iPad “graphics” around it that still uses your native computer’s browser to display the webpage in it. It’s no better than say, putting the inline frame inside the screen area of a picture of one of those old RCA tube TVs.

    Cute, but not really useful as a development tool.

    Developers just have to get/lease the actual device if they really want to check the rendering of their sites on an iPad. Otherwise, they’re just wasting their time with these pseudo-simulators.

    Have a good one Jaypee!

    Reply

  2. Jason AUSTRALIA Mozilla Firefox Mac OS Says:

    Um.. I just tested my site and it works (which is really WRONG) – the ipad does not support flash yet this previewer is showing that it does. Sorry. No good.

    Reply

  3. jayson PHILIPPINES Mozilla Firefox Windows Says:

    Spread the word, because i’m really sick and tired of finding a real ipad browser emulator. Ipadpeek does not show the exact thing that is in the ipad browser. Ipadpeek uses the same browser that you use, or if you use safari which is supposed to be the browser on ipad and iphone then you still use a different browser because yes ipad uses safari but it is the MOBILE version of safari, because of this the site i am developing cannot be corrected because i don’t have a ipad to view it, My boss sees the site different on his ipad and there are some rendering problems while i see it ok in ipadpeek when it supposed to be the same since its an ipad emulator, I see all around the net about ipadpeek but it is just a damn iframe with an image of IPAD. get it. I cannot download the iphone SDK 3.2 which suppose to have the ipad emulator but fails to download. grrrr…

    Reply

  4. christian PHILIPPINES Mozilla Firefox Windows Says:

    Thank you so much sir Jaypee for this cool post! I’m about to write a post about iPad Peek too :) I’m a big fan of this blog!

    Reply

  5. Jaypee Habaradas UNITED STATES Mozilla Firefox Linux Says:

    @Johnn – You’re welcome! Yes, I’ve mentioned it in the post. Like the iPod Touch and iPhone, the iPad doesn’t support Flash because if Apple allows it, they would lose control. Also, allowing Flash would enable developers to do more stuff with their applications and open new doors for publishers to compete with the App Store.

    Reply

  6. Johnn PHILIPPINES Google Chrome Windows Says:

    Hello Jaypee,

    Great idea about the iPad Peek, thanks for sharing it, however, I heard that iPad does not run Flash (dunno if this is just a rumour).

    Why do you think iPad won’t run flash? I think some (a lot) sites will be affected by this.

    Reply

  7. Jaypee Habaradas UNITED STATES Mozilla Firefox Linux Says:

    @trench – Noticed what? The public service ads that Dexter mentioned?

    You’re welcome! Anyways, good to see you again. It’s been a while since you last visited and dropped a comment here. :D

    Reply

  8. trench NORTHERN MARIANA ISLANDS Google Chrome Windows Says:

    I notice that too. Great resource JP. Thanks for sharing!

    Reply

  9. Jaypee Habaradas UNITED STATES Mozilla Firefox Linux Says:

    @Dexter – Really? I wasn’t aware of that. It looks okay on my end and I’ve checked it as a regular user, not logged in as admin and I can see regular ads. I even tried it on different browsers. Anyways, will have to check on it and make sure. Thanks for the heads up!

    Reply

  10. Dexter | techathand.net SAUDI ARABIA Mozilla Firefox Mac OS Says:

    Out of topic..

    Jaypee why is it that when I am visiting your site your adsense ads always shows Public Ads, any problem ?

    Reply

Don't Be Shy. Share your thoughts!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackbacks/Pingbacks

  1. [...] This post was mentioned on Twitter by Hillary Swine. Hillary Swine said: iPad Peek: How Your Site Looks on the iPad: iPad Peek is a cool website/tool that will let you see how a website o… http://bit.ly/9Ko8zU [...]

You May Also Like -

Opera Mini 6 For iPad, iPhone, iPod Touch Now AvailableOpera Mini 6 For iPad, iPhone, iPod Touch Now AvailableThe Opera Mini browser (version 5) made its debut in the Apple App Store ...