Terug in de dag, toen iedereen keek naar het Web op een computer, dat alles deed in webdesign was mooie beelden en werkende links. Webdesign is veel veranderd sinds de begindagen van het Internet, maar vandaag, kan iemand uw websites bezoek van een van de honderden combinaties van besturingssysteem, browser en apparaat. Een dergelijk apparaat--de iPad--biedt bezoekers een mooie manier om te surfen op het Web kan, maar het lastig voor het optimaliseren van een site voor weergave op een iPad.
iPad schermresolutie
Bij 1024 pixels breed heeft de iPad een inheemse schermresolutie zeer gelijkaardig aan een laptop of desktop computer. Hoewel dit ontwerpen van een website voor iPad eenvoudig maken moet, biedt de iPad een twist. U annuleerteken zwenking op, en het scherm verandert mee. Dan, heb je een scherm dat is 1024 pixels hoog, maar alleen 768 pixels breed. Uw website zal plotseling doorwerken aan de zijkant, waardoor de gebruiker hun iPad jatten om alle van uw site te zien.
Responsive Design
Vanwege de aard van apparaten zoals de iPad, die schermrotatie technologie gebruiken en kracht van websites weer te geven in welke richting de gebruiker het apparaat houdt, hebben webontwerpers moest maken van nieuwe normen voor het ontwerp. "Responsive design" verwijst naar een website die gebruikmaakt van CSS en Java wilt verkleinen of vergroten van het ontwerp van de site op basis van het apparaat dat het bekijkt. Als u van een content managementsysteem zoals WordPress, Drupal of Joomla gebruikmaakt, responsieve thema's zoek of installeren mobiele site plugins en addons te maken van uw site schaal naar haar scherm.
Bruikbaarheid
Het tweede belangrijke verschil tussen het bekijken van uw website op uw computer en op een iPad is dat iPad gebruikers niet over de juistheid van een muis cursor beschikken voor interactie met uw site. Beschouw dit bij het ontwikkelen van de site: kleine menu's met tientallen submenu's zal onmogelijk zijn om te navigeren op een iPad. Het lettertype kunt u behoeften groot genoeg en bieden voldoende afstand tussen de knoppen en koppelingen naar het vergemakkelijken van in-tekst links, en sidebars moet worden tastbaar. Je kunt testen of de bruikbaarheid van uw site met iPadPeek, die wordt een voorbeeld van uw site op een iPad-browser, om te zien hoe lettertypen weergegeven (zie bronnen).
Video 's
De iPad maakt gebruik van een mobiele versie van de Safari-browser, die heeft een bekend probleem dat webontwikkelaars wild drijft: er is geen flits. Flash was ooit de Web-standaard voor online video, maar de populariteit van mobiele apparaten van Apple, die niet ondersteunen en niet bieden een kans om te downloaden van een plug-in, dwingt Web-standaarden uit de buurt van Flash naar HTML5 ondersteunde video met behulp van spelers zoals YouTube en Vimeo. Opnieuw, kunt u controleren hoe video's van uw site weergeven met behulp van iPadPeek, of annuleerteken uitsluitend toepassing YouTube of Vimeo insluitcode compatibiliteit te garanderen.