Als het gaat om het toekomstbestendig maken van uw site, ligt het voor de hand liggende uitgangspunt om te schrijven, opschonen, semantisch, normen-compliant code.

"Een goede scheiding van inhoud, presentatie en interactie betekent dat de inhoud van uw site altijd beschikbaar is op nieuwe apparaten", zegt Opera-webevangelist Bruce Lawson. "En als je dingen moet aanpassen, zoals het toevoegen van mediaquery's om mobiele apparaten te ondersteunen, is het gemakkelijker om de juiste plek te vinden."

GRATIS RESOLUTIE: De mediaquery-demo van Bruce Lawson laat zien hoe stijlen kunnen worden geoptimaliseerd op basis van de breedte van een browservenster

Maar hoewel code die voldoet aan de standaarden een noodzaak is, volstaat het niet om ervoor te zorgen dat uw site toekomstbestendig is. Met de goedkeuring van nieuwe standaarden die worden belemmerd door browserproblemen en de groeiende acceptatie van geavanceerde technologieën zoals CSS3, is een meer subtiele aanpak nodig. En de zinsnede van het moment is 'progressive enhancement'.

Progressieve verbetering begint met een basislijn van bruikbare functionaliteit en verhoogt vervolgens de rijkdom van de gebruikerservaring, afhankelijk van de ondersteuning voor verbeteringen die door de browser worden aangeboden.

"Als het gaat om het toekomstbestendig maken van de voorkant van een website, is het een onmisbaar concept", benadrukt Aaron Gustafson, hoofd van Easy Designs. "Focus volledig op de inhoud van de pagina en assembleer uw markup op de meest geschikte manier. Dat vormt het basisniveau van ondersteuning voor alle gebruikers en zal werken, ongeacht welke user agent of welk besturingssysteem toegang heeft tot die inhoud..

"Als de basislijn is vastgesteld, past u stijlen geleidelijk toe en biedt u verschillende niveaus van ontwerp op basis van de mogelijkheden van het systeem van een gebruiker. Voor sommigen betekent dat meer basistypografie en voor anderen een mooie meerkleurige, gelaagde lay-out met RGBa. test of ze moeten rennen voordat ze dit proberen te doen, waardoor meer potentiële niveaus van verrijkte gebruikerservaring worden gecreëerd. "

Het is essentieel om het 'enhancement'-aspect van progressieve verbetering niet te vergeten, voegt Digital Marmalade managing director Marcus Brennand eraan toe. "Gebruik in ieder geval CSS3", zegt hij, "maar niet voor de integrale onderdelen van een site. De truc is om ervoor te zorgen dat mensen die oudere browsers gebruiken niet weten dat ze iets missen en dat uw verbeteringen geen invloed mogen hebben op de bruikbaarheid van een site. ."

VERMIJDEN: Verkortingsdiensten van derden zoals is.gd sluiten niet goed aan bij futureproofing - omdat als de site of dienst uitvalt, de links die het heeft gemaakt niet zullen werken

Het belangrijkste is om op zijn minst de mogelijkheden te verkennen. Door nu met nieuwe technologieën te werken, is het waarschijnlijker dat een site langer modern blijft, zonder grote revisies. Bovendien merkt Lawson op dat browserfabrikanten een grotere impuls krijgen om normen te implementeren die mensen vragen:

"Als niemand bijvoorbeeld grensradius zou gebruiken, zou het geen prioriteit zijn geweest voor browser-leveranciers om te implementeren." Dat gezegd hebbende, stelt hij voor om alle basissen te behandelen bij het werken met experimentele eigenschappen, door toe te voegen welke prefixen van leveranciers beschikbaar zijn, samen met het huidige 'standaard' voorvoegsel. Op die manier ben je nu bedekt en wanneer de specificatie stabiliseert.

Toegang tot alle gebieden

Gustafson betoogt dat progressieve verbetering ook de vaak bewegende doelpalen van toegankelijkheidseisen oplost, vanwege de nadruk op inhoud en het vermogen van de gebruiker om ermee om te gaan. Hij suggereert echter een strakke teugels op interface en contrast te houden, en ervoor te zorgen dat ze voor iedereen toegankelijk zijn.

In het VK lijken de zaken tenminste te zijn gekalmeerd in de toegankelijkheidsruimte, en terwijl, zoals Lawson opmerkt "slechte wetgeving specifieke technieken oplegt die gedateerd kunnen worden", vereist de Britse wetgeving alleen dat u "het niet moeilijker maakt voor mensen met een handicap om uw site te gebruiken, zolang dat slechts een "redelijke" aanpassing vereist ".

Gebruikmaken van de hierboven genoemde goede codeermethoden vanaf het begin van uw project, samen met een verstandige, samenhangende navigatie en lay-out, zou daarom moeten zorgen dat radicale veranderingen in de toekomst niet noodzakelijk zijn voor de toegankelijkheid..

Minder voorspelbaar is SEO - iets waar ontwerpers van zouden wensen dat het futureproof zou kunnen worden, maar het is een zware opgave. "SEO is een steeds veranderend beest", zegt ontwerper en ontwikkelaar Soh Tanaka. "Er is weinig dat u kunt doen behalve up-to-date blijven en de nieuwste technieken en strategieën implementeren, maar als een site zo dynamisch mogelijk is - op een CMS draait, waar content, title-tags, enz. Direct kunnen worden bewerkt en pagina's kunnen op een SEO-vriendelijke manier worden benoemd - het zal flexibel genoeg zijn om tegemoet te komen aan trends die SEO doormaakt. "

Tanaka voegt eraan toe dat de enige echte constante voor zoekmachines relevant is: "Zoekmachines willen gebruikers naar de meest relevante pagina's leiden voor hun gezochte termen", benadrukt hij. "Door voortdurend relevante inhoud toe te voegen en te onderhouden, zorgt u voor kwaliteitsvolle inkomende links en dus een hoge zoekactie zichtbaarheid van de motor. "

LIVE ZOEKEN: Zoekmachines integreren nu live zoekresultaten van Twitter en Facebook

Pod1-technologie en operations director Mark Hopwood voegt eraan toe dat zoekmachines nu ook live zoekresultaten van Twitter en Facebook integreren, dus sites die zelf toekomstbestendig willen worden, moeten inhoud eruit halen om in deze resultaten te verschijnen.

Wanneer u codeert, moet u ook uw team en uzelf niet vergeten, in plaats van u alleen te concentreren op gebruikers en zoekmachines. "Ontwerp altijd je werk met het idee dat als je er de volgende dag niet bent, iemand verder kan gaan waar je was gebleven", zegt Brennand.

Hij raadt aan om te streven naar schone, opgeruimde code met commentaar, waarbij beschrijvende klasse- en ID-namen voor CSS worden gebruikt in plaats van een steno om de leesbaarheid te vergroten. "Voor meer complexe programmering, produceer volledige documentatie," voegt hij eraan toe, "en dit zou tijdens verdere ontwikkelingen moeten worden bijgewerkt. Dit klinkt misschien voor de hand liggend, maar wanneer nieuwe ontwikkelaars code in handen krijgen, houden ze soms geen documentatie bij."

Als laatste gedachte op dit gebied, stelt Lawson voor om zoveel mogelijk van je werk te verplaatsen naar open formaten, vooral als het gaat om opslag: "Zorg ervoor dat je documenten kunnen worden geïmporteerd met behulp van een verscheidenheid aan programma's, dus je bent niet gebonden aan één bestandstype ondersteund door één leverancier. "