a&m impact internetdiensten

Mobiel internet neemt explosief toe. Vorig jaar kon je er nog vanuit gaan dat iedereen minimaal een 1024 beeldscherm had en met een muis door de website klikte. Maar tegenwoordig wordt er steeds meer gesurft met een mobiele telefoon, iPad of ander mobiel apparaat. We gebruiken geen muis meer om door de website te surfen, maar klikken met onze vingers door de website heen. Dit vereist aanpassingen in de ontwikkelingen van de sites. a&m impact wil voorop lopen in deze ontwikkeling en ik ging daarom naar een cursus om wat meer te weten komen over een goede toepassing van deze ontwikkelingen.

Dinsdag 3 mei stond ik al vroeg op het station. Ik was op weg naar Utrecht voor een cursus van Fronteers. De cursus ging over het ontwikkelen van een mobiele website en werd gegeven door Vasilis van Gemert.  Hij is een front-end developer die al een lange tijd met adaptieve ontwikkeling bezig is. De cursus begon met een stukje geschiedenis over mobiele website. Vroeger bouwden we een aparte mobiele website met een aparte domeinnaam. Vaak een uitgeklede versie van de normale website. Maar met de nieuwe techniek kun je je huidige website ook mobiel bouwen. Je wilt namelijk niet alleen dat je website er op een mobiele telefoon goed uit ziet, maar ook op een tablet. Bijvoorbeeld een iPad. Wanneer je de Ipad draait moet de website helemaal zichtbaar zijn en dus mee schalen.

In deze cursus zijn er verschillende technieken aan bod gekomen. De drie belangrijkste waren viewports, media queries en image-replacement met javascript. Met een viewport kun je onder andere vertellen hoe breed de website is en of de website moet inzoomen. Met media queries kun je, afhankelijk van de specificaties van een apparaat, een bepaalde stylesheet laden. Je kunt de stijl van de website dus veranderen als je resolutie kleiner wordt.

Tijdens de cursus werd er een voorbeeld gegeven. Er werd verteld hoe dit gebouwd is en er werd over gediscussieerd. In het voorbeeld hieronder zie je een website van ING. Deze website is gebouwd voor een mobiele telefoon, tablet en normaal computer beeldscherm.

Helemaal links zie je de website op een wat ouder mobiel apparaat.  In het midden zie je de afbeelding van een tablet / iPad. Je ziet dat de website wat smaller is geworden. De blokken zijn iets kleiner geworden en de foto wordt ook kleiner. De website is nu goed te bekijken op een tablet / iPad zonder scrolbalk.  Het hoofdmenu gebruikt de volledige breedte en alle blokken zijn onder elkaar gezet. Helemaal rechts zie je de website op een normaal beeldscherm van een laptop of desktop computer ziet. De website zal zich dus aanpassen aan de grote van je beeldscherm.

Je kunt het zelf ook proberen. Surf maar eens naar mijngeld.nl of geenstijl.nl. Wanneer je de browser kleiner maakt, zul je zien dat de website veranderd. Dit werkt trouwens alleen in nieuwste browsers zoals IE9, Chrome of Firefox 4. Of bekijk een van de websites eens op je telefoon of tablet.

Al met al zorgen de nieuwste ontwikkelingen met HTML5 en CSS3 ervoor dat we heel mooi met de verschillende schermformaten om kunnen gaan. Voor onze klanten is het van belang dat ze goed hun doelgroepen in de gaten houden en ook met behulp van bijv. Google Analytics meten hoe de site bezocht wordt. Hierop kunnen wij de gebruikte technieken op de site dan weer aanpassen.

Ik sta te popelen om het geleerde in de praktijk te gaan brengen in de komende projecten. Een waardevolle dag!

Het is zondagmiddag en ik zit buiten in de tuin. Heb net mijn iPad echt leren kennen en ben dusdanig onder de indruk dat mijn blog toch begint met het promoten van deze gadget. Het is een gadget, het is een hebbedingetje, het is voor Apple addicts. Waarschijnlijk hoor ik daar ook bij maar het is echt een fantastisch apparaat. Ik ga je niet overtuigen, wil je weten waarom ik zo enthousiast ben? Kom maar een keer langs.

Heb toch de iPad weggelegd omdat het schrijven van een blog daarop niet optimaal is. Dan maar weer het vertrouwde laptopje.

Het leuke van het schrijven van een blog in de vakantieperiode is dat je het gevoel hebt er meer tijd voor te hebben. Het is iets minder druk, een aantal collega’s, klanten en relaties zijn op vakantie. Net wat meer tijd, zowel thuis als op het werk. Het nadeel is dat waarschijnlijk minder mensen deze blog lezen.

Tenzij . . . . je een laptop, iPhone, iPad of ander technisch snufje meeneemt op vakantie. Mocht dat het geval zijn, wens ik je nog een paar fijne dagen en laat me even weten waar je bent tijdens het lezen van deze blog.

Maar waarom internet op vakantie? Om bereikbaar te zijn? Om de foto’s realtime en interactief aan het thuisfront te laten zien? Om te twitteren? Om het Nederlandse nieuws te volgen? Om het laatste nieuws van de Graafschap op de camping te kunnen delen? Om de tour de France te volgen? Om te weten wat de mening is van Nederland over ons Oranje? Of het gaat regenen morgen? Voor een chat op msn of een krabbel op hyves? Of het 32 of toch 33 graden wordt? Of om mijn blog te lezen

Iedereen kan wel een reden verzinnen en de lezer die mij een beetje kent heeft allang door dat bovenstaande punten allemaal argumenten voor mij kunnen zijn om bereikbaar te zijn op vakantie. Toch heb ik mijn iPhone thuis gelaten en heb ik 3 weken zonder twitter, internet etc. moeten overleven.  In eerste instantie was het overleven, je bent onthand, je denkt dat je veel mist, maar je beseft tegelijkertijd dat je daarom toch op vakantie bent? Ik heb mede daardoor extra kunnen genieten van de vakantie.

Het geloof in social media is een persoonlijke overtuiging. Ieder argument dat je hebt is persoonlijk en rechtvaardigt je mening. Je gelooft in social media of je denkt dat het wel voorbij gaat. De mate waarin je gelooft in social media is ook persoonlijk.  Je loopt voorop of je bent een volger. Niets is fout.  

Iedereen gelooft in zijn of haar eigen perceptie. Of je nou wel of niet gelooft in social media, of je nou een twittergluurder bent of een early adopter, de keuze om internet en je social media bij de hand te hebben op vakantie is iets persoonlijks. Blijf daar lekker in geloven en doe wat goed voelt en verantwoord is.

Ik hoop in ieder geval dat je net zo kan genieten van de vakantie zoals ik dat gedaan heb. Ik ben lekker opgeladen en kan er de komende maanden weer flink tegenaan.

Wil je weten hoe mijn vakantie was of  hoe ik denk over social media? Vraag het me maar. Ik ben op meerdere social media sites bereikbaar