Benjamin Carlier

Nichemarkt of niet, met een grotere ondersteuning van mobieltjes kan je niks misdoen imho.

Apple heeft dan ook een minisite (met toch wel nuttige info op) vrijgegeven voor het ontwikkelen van websites op deze speciale versie van Safari.

Enkele highlights:

• De Safari browser is (uiteraard) gebouwd op webkit.
• Een webkit only css regel wordt voorafgegaan door -webkit-, idem zoals mozilla met -moz- doet.
• Resolutie (wanneer de iPhone rechtop staat): 480 x 320 pixels.
• Viewport: 320 x 356 px, wanneer het toetsenbord wordt weergegeven is dat 320 x 140 px.
• Flash en downloads worden niet ondersteund
• Evenals scrollen (in de plaats daarvan zoom je in en uit op de webpagina’s
• De events worden pas afgevuurd als de iPhone geen eigen event meer kan interpreteren:
  

  Gesture	Result
  Double tap	Zoom in and center a block of content
  Touch and hold	Display an information bubble
  Drag	Move the viewport or pan
  Flick	Scroll up or down (depending on the direction of the finger movement)
  Pinch open	Zoom in
  Pinch close	Zoom out

• Er is geen :hover van toepassing
• Er wordt verwacht dat de lay-out van de webpagina’s dicht aansluit bij de GUI van de iPhone
• De Javascript ondersteuning is dezelfde als die van webkit (let wel dat er gebruik gemaakt wordt van zooming, dus scroll-afhankelijke functies schrijven is nogal nutteloos).
• De user agent string bevat “iPhone” als platformnaam, dus client-side browsersniffen met javascript en de website aanpassen voor de iPhone is mogelijk.
• Er is voldoende css3 ondersteuning om een specifieke stylesheet te importeren die alleen door een toestel zoals de iPhone wordt toepast:
  
<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />
• Je kan het zooming-proces bepalen aan de hand van de viewport metatag.
• De iPhone vanuit een webpagina laten telefoneren kan je dmv een hyperlink die begint met tel: ipv http:
• ..

Meer info en discussies hieromtrent kan je vinden op de Google iPhoneWebDev Group.