BFQ de Wit

Omschrijving:

Mij lijkt de keuze om een geoptimaliseerde website te ontwikkelen in een
goed herbruikbaar stramien zodat we dit ook op de PanSign site kunnen
toepassen. Maar die lijkt mij het beste zodat we ook klanten kunnen
tonen dat we “ervaring hebben in het ontwikkelen van mobiele website die
een speciale ervaring geven.” Daarbij is dit redelijk snel op te zetten
zonder dat we hele nieuwe talen moeten leren en investeren in bestaande
technieken.

Redirecten

Op het begin ben ik voornamelijk gaan zoeken naar de beste manier van
het doorsturen van mobiele bezoekers naar de mobiele variant van de
website. Ik mijn zoek tocht heb ik verschillende manieren (Php,

.htacces, jQuery) geprobeerd. Uiteindelijk heb ik gekozen voor de Php

oplossing die controleert of je via een mobiel apparaat kijkt, dus een

iPhone, iPod, iPad, Android, Blackbarrie, etc. zodra hij die ziet dan

leidt hij je naar http://www.pansignfotografie.nl/mobile/ (nu tijdelijk

alleen bereikbaar door er /home achter te typen tot dat de mobiele site

goed werkt). Nu heb ik een aantal script geschreven om touch events te

herkennen. Swippen, dubbel tikken etc.

Na maken van technieken

Vervolgens ben ik de pagina gaan maken voor de iPad om mee te beginnen.
De pagina warin de foto’s groot getoond worden heb ik een aantal
technieke geprobeerd om te kijken welke het beste resultaat geef en het
snelste werkt. Er zijn tal van jQuery plug-ins maar ze verschillen heel
erg in snelheid en betrouwbaarheid. Als je een techniek wilt namaken die
al bestaad moet je dit zo goed mogelijk naderen of iets geheel anders
maken maar als het niet heel erg er op lijkt krijg je vreemde reactie.
Bij iedere nieuwe techniek heb ik die uitvoerig getest en bekeken het
het gewenst effect leverde. Uiteindelijk heb ik zelf een script
geschreven om het tempo en accuratie te verhogen. Niet overal heb je even snel internet maar je moet wel over al de zelfde ervaring beleven!

Veel verschillende resoluties

In de wereld van mobiele websites heb je te maken met enorm groot
verschil in resoluties. verschillend van 270×320 tot 1024 x 768. Het is
dus heel belangrijk dat je in plaats van absolute pixel, % gaat
gebruiken. Ook is de leesbaarheid belangrijk en die krijg je alleen als
je goed rekening houdt met al die verschillende resoluties.

Bezoek de website