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

In iPad, Javascriptramverk, Nyheter by Martin Edenström3 Comments

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.

Fler artiklar om ämnet:  Göteborgs-Posten och GP.se skaffar ny digital identitet

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.
Fler artiklar om ämnet:  Göteborgs-Posten och GP.se skaffar ny digital identitet

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

Kommentarer

  1. Pingback: Tweets that mention Gör som GP.se, designa er sajt för iPad | Might Know Something Else -- Topsy.com

  2. Oskar

    När vi anpassar webben efter en komersiell produkt har något slagit slint. Naturligtvis ska produkterna anpassa sig efter webben, inte tvärtom.

  3. Pingback: Tweets that mention Gör som GP.se, designa er sajt för iPad | Might Know Something Else -- Topsy.com

Leave a Comment

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.