När det gäller framtidsisolering av din webbplats är den uppenbara utgångspunkten att skriva, rena, semantiska, standardkompatibel kod.

"Rätt separering av innehåll, presentation och interaktion innebär att webbplatsens innehåll alltid kommer att vara tillgängligt på nya enheter", säger Opera Web evangelist Bruce Lawson. "Och om du behöver tweak saker, som att lägga till mediafrågor för att stödja mobila enheter, är det lättare att hitta rätt ställe."

RESOLUTION GRATIS: Bruce Lawsons mediefrågor demo visar hur stilar kan optimeras baserat på en webbläsares fönsterbredd

Men medan standardkompatibel kod kan vara en nödvändighet är det inte tillräckligt i sig för att säkerställa att din webbplats är framtida bevis. Med antagandet av nya standarder som hålls tillbaka av webbläsarfrågor och det växande antagandet av spetsteknologier som CSS3 behövs en mer subtil metod. Och nuvarande buzzphrase är "progressiv förbättring".

Progressiv förbättring börjar med en baslinje av användbar funktionalitet, och ökar därigenom användarupplevelsens rikedom beroende på stöd för förbättringar som webbläsaren erbjuder.

"När det gäller framtidsisolering av en webbplatsens front-end, är det ett oumbärligt koncept," påpekar Easy Designs huvudkontor Aaron Gustafson. "Fokusera helt på sidinnehåll och montera din markering på det lämpligaste sättet. Det utgör grundnivå för support för alla användare och kommer att fungera oavsett vilket användaragent eller operativsystem som använder det innehållet.

"Med baslinjen fastställd, tillämpa stilar gradvis, vilket ger olika nivåer av design baserat på en användares system. För vissa kan det betyda mer grundläggande typografi, och för andra en vacker multikolonnformat layout med RGBa. På samma sätt kan man skriva skript testa om de ska springa innan du försöker göra det, skapa mer potentiella nivåer av berikad användarupplevelse. "

Det är viktigt att inte glömma "förbättringsaspekten" av progressiv förbättring, tillägger direktör Marcus Brennand Digital Marmalade. "För all del använder du CSS3," säger han, "men inte för en webbplatss integrerade delar. Tricket är att se till att personer som använder äldre webbläsare inte vet att de saknar något och att dina förbättringar inte ska påverka användarens användbarhet ."

UNDVIKA: Tredjepartsförkortningstjänster som is.gd går inte bra ihop med framtidsbeständighet - för om webbplatsen eller tjänsten går ner, kommer länkarna som skapas inte att fungera

Det viktiga är att åtminstone börja utforska möjligheterna. Genom att arbeta med ny teknik nu, är en webbplats troligare att förbli samtida längre, utan större översyn. Vidare noterar Lawson att webbläsare tillverkare har större drivkraft för att genomföra standarder som folk efterfrågar:

"Om ingen använde, säg gränsen, hade det inte varit en prioritet för webbläsare att implementera." Som sagt föreslår han att täcka alla baser när han arbetar med experimentella egenskaper och lägger till vilka leverantörs prefix som är tillgängliga tillsammans med det nuvarande "standard" prefixet. På det sättet är du täckt nu och när specifikationen stabiliseras.

Tillgång till alla områden

Gustafson hävdar att progressiv förbättring också löser de ofta rörliga målen för tillgänglighetskrav, tack vare inriktningen på innehåll och användarens förmåga att engagera sig i det. Han föreslår emellertid att hålla fasta tyglar på gränssnitt och kontrast, vilket gör att de är tillgängliga för alla.

I Storbritannien verkar det som om det har lugnat sig i tillgänglighetsutrymmet, och medan Lawson konstaterar att "dålig lagstiftning kräver specifika tekniker som kan bli omoderna", kräver brittisk lagstiftning bara att du inte "gör det svårare för människor med funktionshinder att använda din webbplats, så länge det bara kräver en "rimlig" anpassning ".

Att utnyttja ovannämnda bra kodningspraxis från början av ditt projekt, tillsammans med förnuftig, sammanhängande navigering och layout, bör därför se till att radikala förändringar inte krävs tillgänglighetsvisa i framtiden.

Mindre förutsägbar är SEO - något designers önskar att de kunde vara framtida mot, men det är en uppförsbacke uppgift. "SEO är ett ständigt föränderligt djur", säger designer och utvecklare Soh Tanaka. "Det är lite du kan göra bortsett från att hålla dig uppdaterad och implementera de senaste teknikerna och strategierna. När du sa det, om en webbplats är så dynamisk som möjligt - körs på ett CMS där innehåll, titelkoder etc kan redigeras i flygningen , och sidor kan namnges på ett SEO-vänligt sätt - det kommer att vara tillräckligt flexibelt för att tillgodose trender som SEO kommer att gå igenom. "

Tanaka tillägger att den enda sanna konstanten för sökmotorer är relevant: "Sökmotorer vill driva användare till de mest relevanta sidorna för de sökta termerna," påpekar han. "Ständigt lägger till och behåller relevant innehåll hjälper till att säkerställa kvalitet inkommande länkar och därför hög sökning motorns synlighet. "

LIVE SÖKNING: Sökmotorer integrerar nu levande sökresultat från likes som Twitter och Facebook

Pod1-tekniken och operationschef Mark Hopwood tillägger att sökmotorer nu också integrerar levande sökresultat från Twitter och Facebook, så webbplatser som vill vara framtida säkra måste skriva ut innehåll som visas i dessa resultat.

När du kodar måste du inte heller glömma ditt lag och dig själv, istället för att bara koncentrera sig på användare och sökmotorer. "Design alltid ditt arbete med sikte på att om du inte är ute nästa dag kan någon hämta upp dig där du slutade", säger Brennand.

Han rekommenderar att man riktar sig till ren, städad, kommenterad kod, med hjälp av beskrivande klass- och ID-namn för CSS, snarare än stenografi, för att hjälpa läsbarheten. "För mer komplext programmering, producera fullständig dokumentation," tillägger han, "och det borde uppdateras under ytterligare utveckling. Det kan hända att det är uppenbart, men när nya utvecklare tar hand om kod, behåller de ibland inte dokumentation."

Som en slutgiltig tanke på detta område föreslår Lawson att du flyttar så mycket av ditt arbete som möjligt för att öppna format, särskilt när det gäller lagring: "Se till att dina dokument kan importeras med olika program, så att du inte är knuten till en filtyp som stöds av en leverantör. "