Quando si tratta di prevedere in futuro il tuo sito, l'ovvio punto di partenza è scrivere, pulito, semantico, codice conforme agli standard.

"Una corretta separazione tra contenuto, presentazione e interazione significa che i contenuti del tuo sito saranno sempre disponibili su nuovi dispositivi", afferma l'evangelista del web di Opera, Bruce Lawson. "E se devi modificare alcune cose, come aggiungere query multimediali per supportare i dispositivi mobili, è più facile trovare il posto giusto."

RISOLUZIONE GRATUITA: La demo di media query di Bruce Lawson mostra come gli stili possono essere ottimizzati in base alla larghezza della finestra di un browser

Ma mentre il codice conforme agli standard potrebbe essere una necessità, non è di per sé sufficiente a garantire che il tuo sito sia a prova di futuro. Con l'adozione di nuovi standard frenati dai problemi del browser e la crescente adozione di tecnologie all'avanguardia come i CSS3, è necessario un approccio più sottile. E la frase del momento è "miglioramento progressivo".

Il miglioramento progressivo inizia con una linea di base delle funzionalità utilizzabili, quindi aumenta la ricchezza dell'esperienza utente a seconda del supporto per i miglioramenti offerti dal browser.

"Quando si tratta di prevedere in futuro la front-end di un sito Web, è un concetto indispensabile", sottolinea Aaron Gustafson, presidente di Easy Designs. "Focalizzati bene sul contenuto della pagina e assemblare il markup nel modo più appropriato, che costituisce il livello base di supporto per tutti gli utenti e funzionerà indipendentemente dall'agente o dal sistema operativo che accede a quel contenuto.

"Con la linea di base stabilita, applicare gli stili progressivamente, fornendo diversi livelli di progettazione basati sulle funzionalità del sistema di un utente.Per alcuni, ciò potrebbe significare più tipografia di base, e per gli altri un bellissimo layout a più strati multicolore con RGBa. verifica se devono essere eseguiti prima di tentare di farlo, creando più livelli potenziali di esperienza utente arricchita. "

È fondamentale non dimenticare l'aspetto "miglioramento" del miglioramento progressivo, aggiunge l'amministratore delegato di Digital Marmalade, Marcus Brennand. "Utilizzare tutti i CSS3", afferma, "ma non per le parti integranti di un sito. Il trucco è garantire che le persone che utilizzano browser meno recenti non siano a conoscenza di mancanza e che i miglioramenti non dovrebbero influire sull'usabilità di un sito ".

EVITARE: I servizi di accorciamento di terze parti come is.gd non si adattano bene a futureproofing, perché se il sito o il servizio non funziona, i collegamenti creati non funzioneranno

L'importante è iniziare almeno a esplorare le possibilità. Lavorando con le nuove tecnologie ora, è più probabile che un sito rimanga contemporaneo più a lungo, senza importanti revisioni. Inoltre, Lawson nota che i produttori di browser hanno più impeto di implementare gli standard richiesti dalla gente:

"Se nessuno usasse, ad esempio, il raggio di confine, non sarebbe stata una priorità per i produttori di browser implementare". Detto questo, suggerisce di ricoprire tutte le basi quando lavora con proprietà sperimentali, aggiungendo qualsiasi prefisso del venditore disponibile insieme al prefisso "standard" corrente. In questo modo, sei coperto ora e quando la specifica si stabilizza.

Accedi a tutte le aree

Gustafson sostiene che il miglioramento progressivo risolve anche i difficili obiettivi delle richieste di accessibilità, a causa dell'enfasi sul contenuto e della capacità dell'utente di interagire con esso. Tuttavia, suggerisce di mantenere le redini strette sull'interfaccia e sul contrasto, assicurando che siano accessibili a tutti.

Almeno nel Regno Unito, le cose sembrano essersi calmate nello spazio per l'accessibilità e, mentre Lawson fa notare che "la cattiva legislazione richiede tecniche specifiche che possono non essere aggiornate", la legislazione britannica richiede semplicemente di "non rendere più difficile per le persone con disabilità per utilizzare il tuo sito, a patto che ciò richieda solo aggiustamenti "ragionevoli".

Utilizzare le buone pratiche di codifica sopracitate dall'inizio del progetto, insieme a una navigazione e un layout sensati e coerenti, dovrebbe quindi garantire che non siano necessari cambiamenti radicali in futuro..

Meno prevedibile è la SEO - qualcosa che i progettisti desiderano poter affrontare contro il futuro, ma è un compito in salita. "La SEO è una bestia in continua evoluzione", afferma il designer e sviluppatore Soh Tanaka. "C'è poco che puoi fare oltre a tenere aggiornato e implementare le ultime tecniche e strategie. Detto questo, se un sito è il più dinamico possibile - in esecuzione su un CMS dove contenuti, tag titolo, ecc, possono essere modificati al volo e le pagine possono essere nominate in modo SEO-friendly: sarà abbastanza flessibile da contenere le tendenze che il SEO passerà attraverso ".

Tanaka aggiunge che l'unica vera costante per i motori di ricerca è la pertinenza: "I motori di ricerca vogliono indirizzare gli utenti alle pagine più rilevanti per i termini ricercati", sottolinea. "L'aggiunta costante e il mantenimento di contenuti pertinenti aiutano a garantire collegamenti in entrata di qualità e quindi ricerca elevata visibilità del motore. "

RICERCA DIRETTA: I motori di ricerca ora stanno integrando i risultati di ricerca live di Twitter e Facebook

Mark Hopwood, direttore operativo della tecnologia Pod1, aggiunge che ora i motori di ricerca integrano anche risultati di ricerca live di Twitter e Facebook, quindi i siti che desiderano proteggersi da sole devono spingere i contenuti a comparire in questi risultati.

Durante la codifica, non devi dimenticare la tua squadra e te stesso, piuttosto che concentrarti esclusivamente su utenti e motori di ricerca. "Disegna sempre il tuo lavoro con l'idea che se non sei in giro il giorno dopo, qualcuno può riprendere da dove eri rimasto", afferma Brennand.

Raccomanda di puntare a un codice pulito, ordinato, commentato, usando i nomi descrittivi di classe e ID per i CSS, piuttosto che la stenografia, per aiutare la leggibilità. "Per una programmazione più complessa, produrre documentazione completa", aggiunge, "e questo dovrebbe essere aggiornato durante ulteriori sviluppi, ma potrebbe sembrare ovvio, ma quando i nuovi sviluppatori mettono le mani sul codice, a volte non mantengono la documentazione".

Come ultimo pensiero in questo settore, Lawson suggerisce di spostare il più possibile il tuo lavoro per aprire i formati, soprattutto quando si tratta di archiviazione: "Assicurati che i tuoi documenti possano essere importati utilizzando una varietà di programmi, quindi non sei legato a uno solo tipo di file supportato da un solo fornitore. "