Gör som GP.se, designa er sajt för iPad

GP.se-gänget har testat runt med egna Polopoly CMS:et sedan i april 2010. Nu i september ska GP.se enligt Bosse Dahl som första svenska tidning även helt designat om för att fungera friktionsfritt på ännu inte släppta iPad.

Även Sydsvenskan (Escenic CMS) påpekar stolt att egna sajten fungerar fint på iPad och (vilket gav dem en nominering till Årets dagstidning i kategorin Digitala medier). Och Aftonbladets (Escenic CMS) helt egna iPad-app väntas komma ut senare i höst.

Anpassningarna på GP verkar dock främst gälla webb-tv HTML5-stöd, inga av nedan förfinade upplevelseanpassningar nämns. GP.se har även annonsproblem på iPad.

Enligt 8164.org blir en sajt helt ”iPad-ready” om ni tänker på att:

• Mouse Events – Basera inte er sajt enbart på mouse events (mousemove, mouseover, mouseout, och CSS :hover) . Mobile Safari hanterar dessa, men det tar tid och pricksäkerhet i browsern. Satsa på tydliga länkar istället.
• Tänk på hur ni boxar in och bygger Scrolling Content och hanterar window.scroll().
• Använd inte Fixed Positioning
• Använd inte attributet contenteditable använd stylade textarea istället.
• Ta bort Cut/Copy/Paste dialogrutan med -webkit-user-select: none.
• Undvik Flash. Leta upp HTML5 taggar och se till att använda dessa för video istället.

För att helt utnyttja iPad’ens möjligheter gräv även djupare i:

• User-agent String
  
• Media Query
  
• Format Detection
  
• Viewport setting
• Disable Automatic Format
  
• Keyboard Types
• Multi-Touch Event Handling