Desktop & mobiele browsers

Browsers en bereik

Door slimme technieken en ideeën in onze code zijn we in staat om méér browsers te bereiken. Mobiele Browsers (ipad, smartphones), Desktop Browsers (Chrome, firefox), maar ook Augmented Browsers, zoals Flipboard & Safari Reader.

Mobiele Browsers	Desktop Browsers	Augmented Browsers
Aan de hand van oa. relative font sizes & en viewport metatags wordt elke website prachtig weergegeven op bv. de ipad.	Ons eigen 'CSS reset' bestand bevat reeds een hoop oplossingen voor de meest hardnekkige browser bugs.	Hoe correcter de html, hoe beter de interpretatie door apps als Flipboard en Safari Reader. Wij brengen je de meest veelzijdige html code

Responsive webdesign

Responsive webdesign is een nieuwe methode om websites meer toegankelijk te maken. Zowel op mobiele schermen (iphone, android, ipad), desktop computers en connected TV's (HD resoluties) wordt dezelfde website/app getoond, maar wordt de site net iets anders opgebouwd.

Basing.nl werkt volgens de principes van 'mobile first' ook wel bekend als 'progressive enhancement'.

• Toekomstgerichter

  Ook in de toekomst blijft uw website toegankelijk. Het is mogelijk om uw site uit te breiden voor schermen die nu nog niet bestaan via een paar aanpassingen in het responsive webdesign CSS bestand.

• Goedkoper

  Het is niet langer nodig om apart een mobiele website te ontwerpen gezien de responsive webdesign techniek deze taak volledig overneemt.

• Makkelijk in onderhoud

  De site wordt makkelijker in onderhoud. U hoeft slechts op 1 locatie aanpassingen door te voeren.

W3C validatie & Standaarden

Semantische HTML code

Met semantiek breng je structuur in je HTML5 bestanden wat een belangrijk criteria is voor je positie in zoekmachines.
Semantische code moet op 3 niveau's kloppen:

Hoe herken je semanticshe HTML?:

1. Met CSS uit, kan je snel stukken HERKENNEN?
2. Is de VOLGORDE van die stukken correct?
3. Worden de juiste TAGS gebruikt?

1: Stukken herkennen	2: Correcte volgorde	3: Juiste tags
Om semantische HTML5 te herkennen moet je naar een pagina surfen, de CSS uitschakelen en bovenstaande regels toepassen.

Technologie

ASP.NET support

Voor ASP.net Web Forms ontwikkelaars kunnen we rekening houden met een aantal specifieke punten typisch aan de technologie zoals webcontrols en andere controls die HTML genereren. Houd ons op de hoogte via de briefing van je project.

Onze werkwijze en methodes

Objecten inpakken

We maken veelvuldig gebruik van HTML5 comments om grote HTML5 delen in kleinere stukken in te pakken. Dit maakt de code zeer gebruiksvriendelijk waardoor het moeiteloos kan gebruikt worden in frameworks (zoals Zend framework of Wordpress).

Het inpakken van div's die deel uit maken van dit 'roundedbox' object:

Via deze techniek wordt content en structuur duidelijk gescheiden van elkaar wat de code overzichtelijker maakt.

• CSS declaraties

  CSS attributen worden op dezelfde lijn als de CSS selector geschreven. Dit beperkt de bestandsgroote, verbeterd de leesbaarheid en maakt CSS overzichtelijker.

• Bestandsnamen

  Het - teken wordt gebruikt in bestand namen om woorden met elkaar te verbinden en in te delen in groepen.

• Lower camel case

  Als naamgeving voor onze code gebruiken we camelCase. Deze stijl wordt tevens het vaakst gebruikt door back-end developers.

• Geen afkortingen

  Om de leesbaarheid van class namen en bestandsnamen niet onnodig moeilijk te maken worden afkortingen zo veel mogelijk vermeden.

• We letten op fijne details

  Zo wordt bv. een logo steeds bewaard als een transparante png zodat bezoekers van je site makkelijk je logo kunnen gebruiken.

• CSS3 gradients

  We gebruiken CSS3 gradients om dynamische buttons en tabs te basen. Geen images meer!

CSS Objects

We werken doorlopend aan ons eigen CSS Framework genaamd 'CSS Objects', gebasseerd op object oriented CSS principes.

Het laat ons toe om ons product eindeloos te hervormen. Dit lukt omdat elk onderdeel van een site, bijv. een simpele button, uitgebreid gedocumenteerd en bijgeschaafd wordt.

Voordeel van CSS Objects

CSS Objects zorgt voor robuuste HTML5 en CSS code die begrijpbaar is en zeer makkelijk in gebruik. Klanten kunnen sneller nieuwe pagina's maken en basings integreren in een CMS systemen zoals Wordpress en Joomla.

Nicole Sullivan over Object oriented CSS