TonyLock Posted March 31, 2010 Share Posted March 31, 2010 Is there a developer's guide to design websites for the iPad? Link to comment Share on other sites More sharing options...
0 Tom Bonez Posted March 31, 2010 Share Posted March 31, 2010 Here's a good article on designing a website for the iPad http://www.combsconsulting.com/ipad-website-example/ Hope this helps :) Link to comment Share on other sites More sharing options...
0 Ryoken Posted March 31, 2010 Share Posted March 31, 2010 Site is gone it seems, anyone have a mirror of it or anything ? Link to comment Share on other sites More sharing options...
0 PreKe Posted March 31, 2010 Share Posted March 31, 2010 Why would you design a site for a specific device? Link to comment Share on other sites More sharing options...
0 TonyLock Posted March 31, 2010 Author Share Posted March 31, 2010 Why would you design a site for a specific device? Because that is a requirement of a project. Duh? Anyway, are there any other resources? That site's been taken off line now. Link to comment Share on other sites More sharing options...
0 Mockingbird Posted March 31, 2010 Share Posted March 31, 2010 Website for iPad = website without flash nothing more Link to comment Share on other sites More sharing options...
0 Ryoken Posted March 31, 2010 Share Posted March 31, 2010 Website for iPad = website without flash nothing more Obviously you've never made device specific sites.The no-flash = iPad/Phone website might be fine for some people, but others like to tailor their site as much as they can to the device, optimize the sites scale, images, etc. Not to mention present different version based on if the device is horizontal or vertical. Link to comment Share on other sites More sharing options...
0 mail Posted March 31, 2010 Share Posted March 31, 2010 The iPad has a resolution of 1024 x 768, you should be designing sites so the degrade nicely to this sort of resolution anyway . Link to comment Share on other sites More sharing options...
0 giga Veteran Posted March 31, 2010 Veteran Share Posted March 31, 2010 http://developer.apple.com/safari/library/technotes/tn2010/tn2262.html Link to comment Share on other sites More sharing options...
0 cacoe Posted April 1, 2010 Share Posted April 1, 2010 More likely a resoulation of 768x1024 if held portrait Link to comment Share on other sites More sharing options...
0 PreKe Posted April 1, 2010 Share Posted April 1, 2010 Because that is a requirement of a project. Duh? Whoever made those requirements need to be fired. Link to comment Share on other sites More sharing options...
0 Digitalx Posted April 1, 2010 Share Posted April 1, 2010 easy take the iphone dev guide/ui/css and change it to scale for 1024x768 lol. http://code.google.com/p/iphone-universal/ http://code.google.com/p/iui/ Pretty much all you need if want it to look native Link to comment Share on other sites More sharing options...
0 MikeChipshop Member Posted April 1, 2010 Member Share Posted April 1, 2010 Despite my dislike of the idea of designing a site purely for iPad (What's the fu**ing point, project or no project... the dick who had the idea for this project needs to have professional web designers string him up by his nuts!) your best bet is just to develop for the screen size/resolution and ignore Flash. Link to comment Share on other sites More sharing options...
0 cacoe Posted April 2, 2010 Share Posted April 2, 2010 Who's to say this isn't going to be a page specifically for an iPad app? On top of that, who's to say this site isn't going to have an iPhone specific version AND another optimised for mobile version? Link to comment Share on other sites More sharing options...
0 Malisk Posted April 2, 2010 Share Posted April 2, 2010 Despite my dislike of the idea of designing a site purely for iPad (What's the fu**ing point, project or no project... the dick who had the idea for this project needs to have professional web designers string him up by his nuts!) your best bet is just to develop for the screen size/resolution and ignore Flash. Agreed. The web is an open medium. The whole point of the web is to be device/OS/browser independent. That's the point. That's why we have the web. To share information without going device dependent. Device dependency is about software. The web is about openness. So if you want to go full iPad and exploit its full set of features, that's what iPad-specific apps are for. You'll be able to do much more than a website -- the UI will be more fluent and rapid, and richer in features. I wonder which failure suggested this design. If it's a project handed out by a lecturer, it's even worse, since that person is supposed to teach this sort of stuff. Sure, if this is about a version of a site for iPad, then that's different, but no such information has been given in this thread so far. Link to comment Share on other sites More sharing options...
0 Stetson Posted April 2, 2010 Share Posted April 2, 2010 If it's a project requirement, the point is probably just to learn how to make device-specific pages in general with user agent checking. The iPad just happens to be a current example to relate it to, whether or not it really needs it's own website version. Link to comment Share on other sites More sharing options...
0 TonyLock Posted April 3, 2010 Author Share Posted April 3, 2010 I think the arrogance and snobbery in this thread is very amusing. It is totally irrelevant why a requirement exists, who it's for or it's motivation. I am not asking your opinion about "openness". Just because your have an opinion doesn't mean you should express it. I've asked for specific assistance, not your opinion. If I asked "...how do I detect IE6 in JS..." I don't want to have to read your hatred for IE6, as that's not what I'm asking for. Anyway, thank you to all those clever people who actually read and identified the concern and posted relevant and useful comments. +hedleigh, King Antonius and Damian 3 Share Link to comment Share on other sites More sharing options...
0 PreKe Posted April 6, 2010 Share Posted April 6, 2010 The arrogance is treating the web as a platform-specific content delivery platform. If you want to make iPad apps, make iPad apps, don't screw up the web. Link to comment Share on other sites More sharing options...
0 Ryoken Posted April 6, 2010 Share Posted April 6, 2010 The arrogance is treating the web as a platform-specific content delivery platform. If you want to make iPad apps, make iPad apps, don't screw up the web. And if I want to make 8 versions of a website, each optimized to different devices/browers, it's my choice. The Useragent is there, so I can do it. And if it really offends you so, why bother commenting in a thread asking for help when all you are going to do is bitch about the question ? Wanna have a debate, make a thread in the appropriate area along the lines of 'Opinions on Device/OS specific websites' and you can knock yourself out. Leave the help forums for people who are going to help. Link to comment Share on other sites More sharing options...
0 Ryoken Posted April 6, 2010 Share Posted April 6, 2010 easy take the iphone dev guide/ui/css and change it to scale for 1024x768 lol. http://code.google.com/p/iphone-universal/ http://code.google.com/p/iui/ Pretty much all you need if want it to look native Thanks, I had that link a while ago, but had lost it ( ahh the days before I had bookmark sync, how did I ever survive ?? ) Link to comment Share on other sites More sharing options...
0 The_Decryptor Veteran Posted April 6, 2010 Veteran Share Posted April 6, 2010 The best way to do it, is design your site to be platform agnostic, with product specific styles if you want. Ideally you'd make a single site, and provide CSS styles for the desktop and mobile versions, using CSS3 media queries to specify or lock down any specific screen size (Then your site will work fine on an Android phone, a Palm Pre, a Nokia/Android device running Firefox, an iPhone/iPod and an iPad, etc.) Link to comment Share on other sites More sharing options...
0 mail Posted April 6, 2010 Share Posted April 6, 2010 http://developer.apple.com/safari/library/technotes/tn2010/tn2262.html Link to comment Share on other sites More sharing options...
0 fall3n Posted April 8, 2010 Share Posted April 8, 2010 The best way to do it, is design your site to be platform agnostic, with product specific styles if you want. Ideally you'd make a single site, and provide CSS styles for the desktop and mobile versions, using CSS3 media queries to specify or lock down any specific screen size (Then your site will work fine on an Android phone, a Palm Pre, a Nokia/Android device running Firefox, an iPhone/iPod and an iPad, etc.) Exactly right. This is why the <style> tag has a media attribute (mind you not for iPad/phone, etc. but still the same theory). The web serves many different mediums from desktop, to mobile, to print. If you've developed semantic code, then you should have no issues developing seperate style sheets to serve your medium, whichever medium that might be. Link to comment Share on other sites More sharing options...
0 King Antonius Posted April 8, 2010 Share Posted April 8, 2010 The arrogance is treating the web as a platform-specific content delivery platform. If you want to make iPad apps, make iPad apps, don't screw up the web. My website is currently offline while i'm updating it. But if you visit with a PC/Mac, you will get the standard page, visit it with an iPhone (via the same address) you get a version custom to that (same content), if you visit it with an android phone, you get a slightly different version, and when i get an iPad, you will get a different version with that. ALL showing the EXACT same content. Also, the web is screwed up enough. So if he wants to make a specific site, let him. If he is doing a version like I have, let him! He might not even be uploading it, and doing it for a uni project. You sir, are the arrogant one... Oh, and you spelled your name wrong. It's Prick... :p Cupcakes 1 Share Link to comment Share on other sites More sharing options...
0 Howling Wind Posted April 8, 2010 Share Posted April 8, 2010 For the record Apple's website doesn't use flash and it looks pretty good. =/ Also you would think Apple would offer something on their website to help people make an iPhone/iPod Touch/iPad version of their websites. Maybe they do and I missed it >.< Link to comment Share on other sites More sharing options...
0 Aergan Posted April 8, 2010 Share Posted April 8, 2010 I thought that they designed the iPad with full-sized web browsing in mind.... Link to comment Share on other sites More sharing options...
Question
TonyLock
Is there a developer's guide to design websites for the iPad?
Link to comment
Share on other sites
27 answers to this question
Recommended Posts