Getting Your WordPress Themes Ready for Apple iPad
So you want to get your themes ready for the newly released Apple iPad? Worry not, take a deep breath and follow this simple checklist:
- Do nothing.
Done. And no, that is not a joke. Generally you won’t have to do anything since iPad’s Mobile Safari is a full-fledged browser comparable to desktop browsers, supporting modern web practices of (X)HTML/CSS/JS and even HTML5 and CSS3.
There are some points I want to mention, though: design consideration, specific things you can do on iPad’s browser, and more.
Layout
iPad has a resolution of 1024 x 768 pixels in landscape orientation, and (obviously) reversed for the portrait orientation. Any website with a width larger than the current viewport will be scaled down and zoomable. If your theme is designed to be around 960 pixels wide, which I believe is the most widely used width, it will then show up full scale the way you intended it.
Flash
iPad does not support Flash. I don’t think there are that many themes that uses Flash, but if yours do, it might be a good thing to find another alternative.
As a note, Degradable HTML5 audio and video is a neat WordPress plugin that automatically enables HTML5 native playback for compatible browsers (including Safari), and degrades to Flash player for older browsers, and further to a download link for ancient browsers out there.
Things you can do on iPad
This page specify a bunch of things you can specifically do for your website on iPad. A few things you can do are:
- Specify a width for the viewport,
- specify a home screen icon,
- disable scaling and zooming,
- detect orientation changes,
- conditionally load CSS for Mobile Safari
Resources:
I do not currently own an iPad, and this article is done after reading and learning through these links:
- Apple’s list of iPad ready websites
- Preparing Your Web Content for iPad
- Safari HTML5 Audio and Video Guide
- Safari CSS Visual Effects Guide
- Safari on iPhone Graphics, Media, and Visual Effects Coding How-To’s
- A List Apart: Put Your Content in My Pocket Part I and Part II.
- How to fit your website for the Apple iPad
- jQTouch, a jQuery plugin for mobile web development. Includes useful functions such as Swipe Detection and Animations.
im loving the ipad personally. what do you think of it now? was it upto your standards?
thank you very nice shared.=)Where is the blogspot themes?
Great blog, keeping me from jogging… just joke :) Please put more topics about dev
hey guys, there’s been some talk on here about myPadMedia and I thought I’d give it a review after getting my iPad.———–http://www.freeipaddownload.net
sarap!?
sarap!?
Don’t stop posting such articles. I like to read stories like this. By the way add more pics :)
Hey, thanks for the fantastic article! I found it extremely interesting!
As long as I get good technical support I’m good :P
Between me and my husband we’ve owned more MP3 players over the years than I can count, including Sansas, iRivers, iPods (classic & touch), the Ibiza Rhapsody, etc. But, the last few years I’ve settled down to one line of players. Why? Because I was happy to discover how well-designed and fun to use the underappreciated (and widely mocked) Zunes are.
The new Zune browser is surprisingly good, but not as good as the iPod’s. It works well, but isn’t as fast as Safari, and has a clunkier interface. If you occasionally plan on using the web browser that’s not an issue, but if you’re planning to browse the web alot from your PMP then the iPod’s larger screen and better browser may be important.
Regard Unrestricted desire videos and Negligent porn movies – The riled tube of Let go of charge Porn & slovenly videos, profligate video and porn video at HolyLOL.com.
Probably the best ipad theme.