Tegenwoordig kun je er bijna niet meer onderuit: een mobile versie van je website. Dit is dus breder dan alleen voor de iPhone. Het moeilijke hieraan is dat je te maken krijgt met veel verschillende platformen en browsers. En niet te vergeten: de vele verschillende schermresoluties. Daarom moet een layout zo flexibel/fluid mogelijk zijn opgebouwd.
We hebben een standaard template ontwikkeld die aanpasbaar is binnen ons CMS. Wanneer je met je telefoon naar het normale webadres navigeert wordt er gedetecteerd dat je met een mobiele telefoon aan het surfen bent. Na deze detectie wordt je geredirect naar de mobiele variant.
Een probleem waar ik eerst tegenaan liep was dat de breedte van de site niet overal even lekker werkbaar was, dus dit is zo flexibel mogelijk gehouden.
Telefoons van nu kunnen gedraaid worden zodat je van portrait naar landscape-view gaat. Het is belangrijk dat je website dan mooi meegeschaald wordt.
Wanneer je een website maakt voor het mobile web moet je rekening met houden met een niet altijd snelle internetverbinding. Als je afbeeldingen wilt gebruiken kun je het dus niet maken om grote, zware afbeeldingen in te laden.
Er bestaat een API (tinysrc.mobi) die afbeeldingen speciaal voor mobiel dynamisch verkleint en ook voor je cached. Je kan zelf een een breedte en hoogte meegeven, of kiezen voor een aantal modi, waaronder ‘high’ en ‘ultra’. Ultra is speciaal voor telefoons zoals de Android of iPhone, maar helaas werkte deze optie niet (kreeg de melding “no match”).
Er is ook weinig documentatie over deze API te vinden, maar ik houd hem in de gaten.
De template is getest op een iPhone, Android, Nokia N82 en Nokia N95.
