Fleur de Kroon

Functie

Frontend developer

Specialiteiten

HTML, CSS, jQuery, pixel perfect, vooruitkijkend, leergierig

Hobby's

Elke thuiswedstrijd in de Arena te vinden, racketsporten & fitness, films, mijn familie (met name mijn neefjes ;) )

What's hot?

Stop met adverteren, ga innoveren!

Het klinkt waarschijnlijk bekend in de oren, “Waarom doet de site het niet op mijn iPad?” Of: “Waarom ziet de website er op mijn werk niet zo mooi uit als op mijn laptop thuis?”.

Browsers

Het zijn vragen die gaan over op de opbouw van de html, css en javascript van uw website. En het merendeel van onze tijd besteden wij als front-enders aan het ontwikkelen van custom oplossingen hiervoor.

Redhotminute ontwikkelt de ‘voorkant’ (vandaar de term front-end) van websites volgens de ‘progressive enhancement methodiek. Dit houdt in dat wij ervoor zorgen dat uw website voor iedere bezoeker toegankelijk is.

HTML CSS JavascriptUw website wordt zo opgebouwd dat de content leesbaar is zonder opmaak en functionaliteit. Dit wordt ‘semantische opbouw’ genoemd. Erg belangrijk voor uw ranking in Google. Zoekmachines doorzoeken uw website alleen op content en negeren de opmaak en functionaliteit van uw website.

Wanneer de webpagina op het scherm is opgebouwd voegen we de interactieve- en designelementen toe. Daarbij gebruiken wij de nieuwste technieken om uw website er goed uit te laten zien in de moderne browsers.

devicesDoor de explosieve groei van browsers en devices wordt het steeds belangrijker om goed na te denken welke browsers en devices u wilt ondersteunen. Oude browsers ondersteunen minder grafische styling dan de nieuwe browsers. En mobiele telefoons hebben afwijkende schermgroottes en resoluties en tonen uw content anders.

U moet zich dan ook telkens afvragen welke elementen van uw online branding over alle platformen en devices consistent moeten blijven. Hieronder vind u een overzicht van de aspekten die bij deze afweging een rol kunnen spelen:

Design
css3 logoDoor de komst van CSS3 hebben wij veel meer mogelijkheden gekregen om uw website helemaal conform uw eigen styleguide te ontwikkelen. Speciale lettertypes, schaduwtjes en verloopjes, ronde buttonhoekjes en animaties kunnen in moderne browsers allemaal getoond worden. Wilt u echter dat het design er goed uitziet in alle desktop browsers, dan zal ondersteuning voor bijvoorbeeld Internet Explorer 6 noodzakelijk zijn. En daarvoor zijn extra werkzaamheden nodig. Het is daarom belangrijk dat u goed inzicht heeft in de browsers die uw doelgroep gebruikt.

Performance
Performance hangt nauw samen met de ondersteunde designelementen. Zo kunnen animaties in bepaalde browser schokkerig werken. Het toevoegen van ronde hoekjes in de buttons kan ervoor zorgen dat de browser harder moet werken en de pagina langzamer opbouwt. Waarvoor en wanneer uw doelgroep uw (mobiele) site gebruikt is dus erg belangrijk om te weten. Een mobiele bezoeker zonder wifi heeft andere behoeftes dan een gebruiker die op kantoor met een gloednieuwe laptop naar uw site kijkt.

html5 logoNieuwe technieken
Ook de komst van nieuwe technieken zoals HTML5, geo-locator en offline storage hebben ervoor gezorgd dat uw site veel meer functionaliteiten kan bieden dan een paar jaar geleden. Sommige technieken staan echter nog zo in de kinderenschoenen dat het niet altijd raadzaam is ze nu al te implementeren. Tenzij uw doelgroep juist cutting-edge technologie van u verwacht.

Conclusie
Als u van plan bent om een nieuwe site te ontwikkelen of uw bestaande site te upgraden, is het noodzakelijk om vooraf na te denken over de gewenste device- en browserondersteuning. De keuzes die u maakt hebben invloed op uw online branding, site performance en budget.

Webanalytics van uw huidige site kunnen u een eerste indruk geven van het gebruik door uw bezoekers. Daarnaast kan een internetbureau u helpen met het vormen van een browser/device strategie die toekomstbestendig is.

  • Graaf Reinaldweg 22
  • 4176 LX  Tuil (Waardenburg)
  • T +31 (0)418 51 00 68
  • F +31 (0)418 51 00 74