Når det gjelder fremtidssikkerhet på nettstedet ditt, er det åpenbare utgangspunktet å skrive, ren, semantisk, standardkompatibel kode.

"Riktig adskillelse av innhold, presentasjon og samhandling betyr at innholdet på nettstedet ditt alltid vil være tilgjengelig på nye enheter," sier Opera webevangelist Bruce Lawson. "Og hvis du må finjustere ting, for eksempel å legge til mediaforespørsler for å støtte mobile enheter, er det lettere å finne riktig sted."

LØSNING GRATIS: Bruce Lawsons mediesøkemodo viser hvordan stiler kan optimaliseres basert på nettleserens bredde på nettleseren

Men mens standardkompatibel kode kan være en nødvendighet, er det ikke nok i seg selv å sikre at nettstedet ditt er fremtidig bevis. Med vedtakelsen av nye standarder som holdes tilbake av nettleserproblemer, og den voksende adopsjonen av banebrytende teknologier som CSS3, er det behov for en mer subtil tilnærming. Og øyeblikkets buzzphrase er "progressiv forbedring".

Progressiv forbedring begynner med en grunnlinje av brukbar funksjonalitet, og øker hvorvidt brukeropplevelsen er avhengig av støtten til forbedringer som nettleseren tilbyr.

"Når det kommer til fremtidssikring av nettsidenes frontend, er det et uunnværlig konsept," understreker Easy Design-sjef Aaron Gustafson. "Fokuser rett på sidens innhold og saml markeringen din på den mest hensiktsmessige måten. Dette danner grunnlinjenivået for støtte for alle brukere og vil fungere uansett hvilken brukeragent eller operativsystem som har tilgang til det innholdet.

"Med grunnlinjen etablert, bruk stiler gradvis, og gi varierende nivåer av design basert på egenskapene til brukerens system. For noen kan det bety mer grunnleggende typografi, og for andre er det en vakker flerkolonne, lagdelt layout ved hjelp av RGBa. På samme måte kan skript test om de skal løpe før du prøver å gjøre det, og skape flere potensielle nivåer av beriket brukeropplevelse. "

Det er viktig å ikke glemme forbedringsaspektet av progressiv forbedring, legger administrerende direktør Marcus Brennand til Digital Marmalade. "På alle måter bruker du CSS3," sier han, "men ikke for et nettsteds integrerte deler. Tricket er å sikre at folk som bruker eldre nettlesere, ikke er klar over at de mangler noe, og forbedringene dine ikke burde påvirke et nettsteds brukervennlighet ."

UNNGÅ: Tredjepartsforkortingstjenester som is.gd passer ikke godt sammen med fremtidssikring - fordi hvis nettstedet eller tjenesten går ned, vil linkene det er laget ikke virke

Det viktigste er å i hvert fall begynne å utforske mulighetene. Ved å jobbe med ny teknologi nå, er et nettsted mer sannsynlig å forbli moderne i lengre tid, uten store overhaling. Videre bemerker Lawson at nettleserprodusenter har mer impuls til å implementere standarder folk etterspør:

"Hvis ingen brukte, sier grense-radius, ville det ikke vært en prioritet for nettleservirksomhetene å implementere." Når det er sagt, foreslår han at dekker alle basene når de arbeider med eksperimentelle egenskaper, og legger til hvilken leverandør prefikser som er tilgjengelige sammen med det nåværende standard-prefikset. På den måten er du dekket nå og når spesifikasjonen stabiliseres.

Tilgang til alle områder

Gustafson hevder at progressiv forbedring også løser de ofte bevegelige målene om tilgjengelighetskrav, på grunn av vekt på innhold og brukerens evne til å engasjere seg med det. Han foreslår imidlertid å holde tette tøy på grensesnitt og kontrast, slik at de er tilgjengelige for alle.

I Storbritannia, i det minste, synes det å ha roet seg i tilgjengelighetsrommet, og mens Lawson bemerker at "dårlig lovgivning krever spesifikke teknikker som kan gå ut av dato", krever britisk lovgivning bare at du ikke "gjør det vanskeligere for folk med funksjonshemninger for å bruke nettstedet ditt, så lenge det bare krever "rimelig" justering ".

Ved å benytte ovennevnte gode kodingspraksis fra starten av prosjektet, sammen med fornuftig, sammenhengende navigering og layout, bør det derfor sikres at radikale endringer ikke kreves tilgjengelighetsmessige i fremtiden.

Mindre forutsigbar er SEO - noe designere ønsker at de kan være fremtidssikre mot, men det er en oppoverbakkeoppgave. "SEO er et stadig skiftende dyr," sier designer og utvikler Soh Tanaka. "Det er lite du kan gjøre bortsett fra å holde deg oppdatert og implementere de nyeste teknikkene og strategiene. Når du sier det, hvis et nettsted er så dynamisk som mulig - kjører på et CMS der innhold, tittelkoder osv. Kan redigeres i fly , og sider kan bli navngitt på en SEO-vennlig måte - det vil være fleksibelt nok til å imøtekomme trender SEO vil gå gjennom. "

Tanaka legger til at den eneste sanne konstanten for søkemotorer er relevant: "Søkemotorer vil drive brukere til de mest relevante sidene for deres søkte ord," påpeker han. "Vedvarende å legge til og opprettholde relevant innhold bidrar til å sikre kvalitet innkommende koblinger og derfor høy søk motorsynlighet. "

LIVE SØK: Søkemotorer integrerer nå live søkeresultater fra likes som Twitter og Facebook

Pod1 teknologi og operasjonssjef Mark Hopwood legger til at søkemotorer nå også integrerer live søkeresultat fra Twitter og Facebook, slik at nettsteder som ønsker å være fremtidssikre, må trykke inn innhold som vises i disse resultatene.

Når du kodes, må du heller ikke glemme laget ditt og deg selv, i stedet for å konsentrere deg om brukere og søkemotorer. "Design alltid arbeidet ditt med en oppfatning at hvis du ikke er i nærheten av dagen, kan noen hente opp hvor du sluttet," sier Brennand.

Han anbefaler å sikte på ren, ryddig, kommentert kode, ved hjelp av beskrivende klasse- og ID-navn for CSS, snarere enn kortskrift, for å hjelpe lesbarheten. "For mer komplisert programmering, produser full dokumentasjon," legger han til, "og dette bør oppdateres i løpet av videreutviklingen. Dette kan høres tydelig ut, men når nye utviklere tar hånd om koden, opprettholder de noen ganger ikke dokumentasjon."

Som en siste tanke på dette området foreslår Lawson å flytte så mye av arbeidet ditt som mulig for å åpne formater, spesielt når det gjelder lagring: "Kontroller at dokumentene dine kan importeres ved hjelp av en rekke programmer, slik at du ikke er bundet til en filtype støttet av en leverandør. "