Browser Support

Elke klant telt voor ClickTransform. Ook uw klanten zijn belangrijk. Niet iedereen gebruikt de meest moderne browser, of dit nu is uit noodzaak, apathie of onwetendheid. Het is belangrijk dat de inhoud van uw website voor iedereen goed gepresenteerd wordt. Zelfs bezoekers met een verouderde browser.

Internet Explorer

Internet Explorer heeft voor aardig wat problemen gezorgd, door lange tijd niet aan de standaarden te voldoen, en door het introduceren van browser-specifieke regels. Uitdagende designs dwingen developers vaak uitzonderingsregels te maken voor Internet Explorer. Zo ondersteund Internet Explorer een aantal fundamentele

Marktaandeel Internet Explorer 6

Het marktaandel van Internet Explorer 6 verschilt per niche en doelgroep. Het schommelt zo rond de 5% tot 15%. Met het stoppen van support voor Internet Explorer 6 door een groot aantal websites (waaronder Youtube) en de introductie van andere browsers als Google Chrome en Internet Explorer 8 is dit percentage gelukkig dalende. Het kan soms onnodig veel uren kosten om een website volledig in IE6 te laten werken, maar gedeeltelijk support en inhoud waar een gebruiker wat mee kan, is al een grote stap de goede kant op.

Niet elke gebruiker kan namelijk zo maar updaten naar een nieuwere versie. Alhoewel verouderde Internet Explorer browsers gevoeliger zijn voor malware, lijkt voor IT-afdelingen op bedrijven of universiteiten maar moeilijk om alle browsers up te daten naar een nieuwe versie. Soms werkt een intranet applicatie geschreven voor Internet Explorer 6 niet op nieuwere browsers.

ClickTransform geloofd dat hoe laag een browseraandeel ook mag dalen, er moet altijd overwogen worden wat voor indruk een website achterlaat bij verschillende browsers en onder verschillende omstandigheden (zoals ontbreken javascript support). Al is het 1 op de 20 bezoekers die u moet teleurstellen met een gebroken website, dan betekend dit een automatisch verlies van 5% van mogelijke klanten — Met een gebroken website kunt u uw bezoekers immers niet interesseren. Het niet ondersteunen van een nog redelijk populaire browser geeft bovendien een ethisch of juridisch risico. Uw algemene voorwaarden zouden bijvoorbeeld niet correct kunnen worden weergegeven voor sommige klanten.

Operating Systems en Browsers

Uw webpagina wordt op verschillende browsers, schermresoluties en verschillende operating systems bekeken. Form elementen als knoppen en anti-aliasing van fonts kan er zo voor elke gebruiker net iets anders uitzien. Gebruikers zijn bekender met de form elementen van het operating system. "Pixel-perfect" en "Cross-browser design" worden een beetje verouderde termen. Als een pagina functioneel is en de boodschap communiceerd dan zijn kleine verschillen geen probleem, zeker op moderne user agents als PDA's, verouderde browsers als IE5.5 of exotische browsers als SeaMonkey.

Met Browsershots.org kunt u bekijken hoe uw websites eruit zien op andere operating systems, javascript support, browsers en resoluties. ClickTransform houdt hier vanaf het begin rekening mee, en maakt uw websites met ondersteuning voor:

• Operationeel op verouderde browsers en volledig designgetrouw op moderne browsers als: IE6+, FF2+, Safari 3+, Opera 7+, Chrome.
• Volgens het principe van progressive enhancement, zodat browsers zonder javascript support toch uw boodschap kunnen lezen.
• Rekeninghoudend met de kleinste gangbare schermresolutie (1024 pixels * 768 pixels). De belangrijke zaken van uw homepage komen boven in de "fold" (960 pixels * 650 pixels).

(Systeem) Fonts

Elke operating systeem heeft andere lettertypes standaard geinstalleerd. Deze tabel geeft de veilige fonts weer. Op TypeTester kunt u verschillende lettertypes testen voor gebruik. Totdat gebruik van CSS3 @font-face technieken worden ondersteund door meer browsers, gebruiken wij Cufón of sIFR 2.0 om andere fonts weer te geven. Cufón werkt ook snel en correct in Internet Explorer 6.

Browserondersteuning Technieken

Om op de meeste browsers uw CSS regels hetzelfde te laten tonen is een zogenaamde CSS-reset nodig. U kunt daar de CSS-reset van Eric Meyer of de CSS-reset van Yahoo voor gebruiken.

Met een grid-framework als 960.gs ontwerpt u pixelprecies. Meegeleverde stylesheets en sketchsheets corresponderen.

Met een framework als Blueprint CSS kunt u heel snel een pagina structuur opzetten, die hetzelfde werkt op verschillende browsers.

Met een font-stack kunt u uw gebruikers de beste fonts van het operating systeem laten zien. Bijvoorbeeld 'Helvetica Neue' voor Mac-, 'Nimbus Sans L' voor Linux- en 'Arial' voor Windowsgebruikers.