Quando si tratta di scegliere un content management system per un progetto che stiamo sviluppando, la scelta che ci troviamo davanti è veramente ampia. Dobbiamo valutare il livello di personalizzazione che il CMS consente e che è necessario al progetto, con quale linguaggio è sviluppato e quale sarà la tipologia di utente al quale è rivolto: trovare il CMS “perfetto” può veramente diventare un incubo.

Ciò nonostante, alcuni di questi sono una spanna al di sopra della massa proprio grazie alla loro usabilità. Decisamente più semplici da installare, utilizzare ed estendere, grazie ad una attenta pianificazione dei loro sviluppatori, ecco 10 tra i migliori CMS in circolazione sul web che potete utilizzare nel vostro prossimo progetto.

1. WordPress

Trovare qualcosa da dire su WordPress che non sia già stato detto e ridetto è veramente difficile. Questa piattaforma di blogging sviluppata in PHP è di gran lunga il CMS più popolare per i Blog e probabilmente il CMS più popolare in assoluto: una fantastica piattaforma per i meno esperti grazie anche all’eccellente documentazione e un’installazione guidata velocissima: cinque minuti per trovarvi di fronte al vostro CMS perfettamente funzionante. Senza contare le ultime versioni aggiornano il programma ed i relativi plugins direttamente dall’interfaccia di amministrazione, senza bisogno di lasciare WordPress.

Per gli utenti che non hanno familiarità con HTML o altri linguaggi di markup, il programma fornisce un editor WYSIWYG. Il layout del backend è semplice ed intuitivo e anche un nuovo utente può facilmente gestire la sezione amministrativa, inoltre con l’installazione base c’è anche il supporto per l’upload di immagini e contenuti multimediali.

Per quanto riguarda gli sviluppatori, il linguaggio per la creazione e la modifica dei vari themes è abbastanza semplice e chiaro come anche le API dei plugins.
La Community di WordPress è una delle più attive ed attente e la mole degli aiuti e della documentazione online su ogni aspetto di questo CMS è enorme. Inoltre WordPress ha la più ampia scelta di plugins e themes tra cui scegliere.

2. Drupal

Drupal è un altro CMS che ha una Community molto ampia e a attiva. Non è studiato come piattaforma di blogging, bensì come un puro CMS. L’installazione base è dotata di moltissimi moduli opzionali che aggiungono molte caratteristiche interessanti come forum, blogs, OpendID, profili e molto altro. Creare un sito con caratteristiche da web 2.0 e Social con Drupal è quasi banale: con alcuni moduli di terze parti si possono facilmente creare alcuni siti clone interessanti con pochissimi sforzi.

Una delle caratteristiche più popolari di Drupal è il modulo Taxonomy, che permette livelli e tipologie multiple di categorie per ogni tipo di contenuto.

Drupal è anche potenziato da una comunità molto attiva, con un eccellente supporto per i plugins e altre questioni di interesse generale.

3. Joomla!

Joomla è un CMS molto avanzato in termini di funzionalità. Detto questo, iniziare ad usare Joomla è relativamente facile , considerata l’estrema configurabilità del software, grazie all’installer studiato per lavorare su sezioni comuni condivise.

Joomla è molto simile a Drupal per quanto riguarda la completezza del CMS, e potrebbe risultare anche troppo per un semplice sito portfolio. L’interfaccia di amministrazione è molto attraente e completa, con menu drop-down intuitivi e altre utili funzionalità. Il CMS supporta egregiamente protocolli di controllo dell’accesso come LDAP, OpenID and persino Gmail.com.

Il sito di Joomla ospita più di 3.200 estensioni, testimonianza della grande comunità di sviluppatori attiva dietro questo popolare CMS. Proprio come con WordPress è possibile aggiungere quasi qualunque funzionalità grazie alle estensioni anche se i template e le estensioni sono principalmente a pagamento: se cercate la personalizzazione state quindi pronti a pagare.

4. ExpressionEngine

ExpressionEngine (EE) è un CMS elegante e flessibile che offre una soluzione per ogni tipo di progetto. Progettato per essere estremamente estendibile e semplice da modificare, EE risalta in particolare per la pulizia e l’intuitività dell’area di amministrazione utente. Servono solo pochi minuti per capire la struttura del backend e iniziare a creare contenuti o modificare il look. E’ fantastico per creare siti web adatti a clienti “poco aggiornati” che necessitano di usare il backend senza rimanerne confusi.

ExpressionEngine è fornito di alcune utili funzionalità come la possibilità di gestire più siti con una sola installazione. Per i designers, EE possiede un potente motore di templating con variabili global modificabili, query SQL modificabili e un sistema integrato di salvataggio delle versioni. Template caching, query caching and tag caching mantengono il sito snello e veloce.

Una delle mie funzionalità preferite di EE è la ricerca e sostituzione globale: chiunque abbia mai avuto a che fare con un sito o un blog sa quanto sia utile poter cambiare quantità di dati senza doverli cercare manualmente e sostituirli modificando ogni pagina o ogni post.
La singolarità di ExpresssionEngine rispetto ai precedenti CMS è sita nel suo essere un software a pagamento. La licenza personale costa $99.95 mentre quella commerciale costa $249.99.

5. Textpattern

Textpattern è una scelta popolare tra i designers a causa della sua semplice eleganza. Textpattern non è un CMS stivato di tutte le funzionalità possibili e immaginabili, il codice base è snello e minimale. Il suo scopo principale è fornire un eccellente CMS capace di creare pagine ben strutturate e aderenti agli standard. Invece di fornire un editor WYSIWYG, Textpattern utilizza Textile markup nelle aree di testo per creare elementi HTML all’interno delle pagine: il risultato si misura in caricamenti veloci e pagine leggere.

Sebbene Textpattern sia deliberatamente semplice nel design, il backend è sorprendentemente semplice da usare ed intuitivo anche per i neofiti.
Textpattern è molto minimale a livello di core ma le funzionalità possono sempre essere espanse attraverso estensioni di terze parti, modifiche e plugins; senza dimenticare una comunità di sviluppatori attiva che dal loro sito Textpattern.org fornisce tantissimi aiuti e risorse utili.

6. Radiant CMS

I content management systems che abbiamo elencato sin ora sono tutti programmati in PHP. PHP èil linguaggio di scripting sul web più popolare, ma ciò non implica che non dovremmo tener di conto anche altri popolari linguaggi come Ruby. Radiant CMS è un CMS veloce e minimale paragonabile a Textpattern, sviluppato su Rails, un famoso framework Ruby e i programmatori dietro Rdiant hanno fatto del loro meglio per rendere questo software il più semplice ed elegante possibile cercando di inserire tutto ciò che serve. Proprio come Textpattern, Radiant non è provvisto di un editor WYSIWYG ma si affida al markup Textile per generare HTML. Radiant possiede anche un linguaggio di templating proprietario, Radius, molto simile all’HTML per una creazione di template intuitiva.

7. Cushy CMS

Cushy CMS è un tipo di CMS completamente diverso. Cert, ha tutte le funzionalità primarie di un qualunque sistema di gestione dei contenuti, ma non si basa su un linguaggio specifico: questo CMS infatti è direttamente ospitato su un web server. Nessun download o update di cui preoccuparsi.

Cushy necessita delle informazioni FTP e carica i contenuti sul server dal quale il programmatore o il designer possono modificare il layout, come anche postare contenuti dall’interfaccia di amministrazione con una semplice modifica di una classe nel CSS. Molto, molto semplice.

Cushy CMS è gratuito, anche per uso comerciale. Esiste l’opzione di passare ad un account pro che permette di usare il proprio logo, un altro schema di colori o gestire altre modifiche.

8. SilverStripe

SilverStripe è un altro CMS programmato in PHP molto simile a WordPress ma dotato di opzioni molto più configurabili e creato specificamente per la gestione dei contenuti e non per il blogging. L’unicità di SilverStripe stà proprio nel suo framework PHP proprietario: Saphire. E’ dotato anche di un suo linguaggio per i template che facilita il processo di design.

SilverStripe possiede anche alcune funzionalità interessanti integrate come il supporto SEO nativo e il controllo di versione dei contenuti, ma la vera particolarità di SilverStripe risiede nel fatto che sviluppatori e designers possono modificare l’area di amministrazione per i clienti se necessario. Se la comunità di sviluppo non è così ampia come quelle di altri CMS esistono però moduli, themes e widgets per aggiungere alcune funzionalità. Inoltre sarà necessario modificare l’aspetto di ogni sito visto che SilverStripe non eccelle in quanto a stile, proprio per lasciare più libertà ai grafici.

9. Alfresco

Alfresco è un imponente sistema di gestione dei contenuti in JSP (Java Server Pages) sorprendentemente semplice da installare. Una funzionalità molto utile di Alfresco è quella di poter spostare i file nelle cartelle attraverso un sistema di drag and drop che li trasforma in documenti web. Alfresco potrebbe richiedere un po’ più lavoro di altri CMS e non è proprio adatto a dei novizi di questi sistemi, anche se ha certamente un’ottima usabilità, tenuto conto dell’imponenza del sistema. Il backend di amministrazione è molto ben strutturato e graficamente ben disegnato.

Alfresco può non essere la scelta adatta per siti semplici, ma è un’eccellente alternativa a livello enterprise.

10. TYPOlight

TYPOlight sembra avere il bilanciamento perfetto di caratteristiche all’interno del CMS. In termini di funzionalità, TYPOlight è al pari di Drupal e ExpressionEngine ed offre anche alcuni moduli come newsletter e calendario inclusi nell’installazione. Gli sviluppatori possono risparmiare tempo grazie al generatore di CSS incluso, e ci sono una moltitudine di risorse online per impratichirsi con questo CMS.

Se vogliamo trovare un lato negativo in TYPOlight, è che possiede anche troppe funzionalità e opzioni configurabili. Sebbene il backend sia ben organizzato, rimangono sempre molte opzioni da considerare, ma se volete costruire un sito con funzionalità avanzate e una piccola programmazione extra, TYPOlight potrebbe essere la soluzione per voi.

Emergere dalla massa ed essere nuovo ed originale ad ogni costo – questo è il messaggio che proviene dal design dei loghi di oggi.
Dal punto di vista dell’identità i loghi del web 2.0, tutti molto simili tra loro, hanno fallito miseramente e potrebbe essere un trend molto passeggero. Se parliamo quindi di identità originale, i grafici si devono veramente rimboccare le maniche e lavorare duro.

I designers hanno acquisito molta più coscienza e sensibilità riguardo alle correnti della storia del design rispetto agli anni passati e stanno scoprendo diversi modi di pensare ai loro lavori e alle loro radici culturali, e ciò spiana la strada a spettacolari remix di stili diversi.
Non è possible, ora come ora, pensare che un trend emerga e rimanga sulla cresta all’infinito. Gli sviluppi del logo design indicano che le varie mode hanno vita breve, vanno e vengono con una frequenza altissima e spuntano fuori solo per essere immediatamente contraddette da altre che vanno nella direzione opposta.

Psychedelic Pop Backgrounds

A differenza del design classico che promuove una diminuzione della complessità a favore del concetto e dell’essenza del lavoro, la psichedelia esplode in una miriade di colori e forme che non si regolano su griglie, ma si gettano nello spazio cercando una disposizione armonica naturale.

Ogni rivoluzione tecnologica dà inevitabilmente la nascita a romantiche contro-culture, e mixando forme classiche o contemporanee a patterns psichedelici stile anni ’60 usati come backgrounds, è possibile preparare il terreno ad un nuovo stile post-moderno.
La maggior parte dei trends attuali si sviluppano sull’uso del colore e per questo non sono ben utilizzabili per la stampa, in particolare in b/n. Per questo molti clienti sono intimoriti nel scegliere un logo che perde di significato, per esempio se faxato.
Le innovazioni nella tecnologia e nella comunicazione hanno fatto in modo che il b/n non sia più necessariamente richiesto dando cosi via libera a straordinari brand multicolore che ricavano potenza e immediatezza nel 90% dei media.

Origami

Lo stile Origami, usato dai designer spesso per mostrare le loro qualità, cela il desiderio di tornare indietro alle basi del logo design.
Un crescente numero di grafici usa oggetti reali per agevolare la progettazione dei loro lavori. L’arte dell’Origami fragile, leggera e sottile, si adatta perfettamente all’elaborazione di forme semplici, adeguate alla realizzazione di brands. Questo stile purtroppo, si prospetta di breve durata per la semplice ragione che tutti gli elaborati risultano un pò troppo simili fra loro.

Il segreto di questo stile è nel processo, e ai designer serve molta esperienza per scegliere ed elaborare i segmenti corretti da elaborare (spesso basati sui monogrammi aziendali) senza tralasciare chiarezza e semplicità.
Questa arte giapponese si fonda sull’utilizzo di piccole pieghe e stropicci per realizzare oggetti delicati e intriganti. Per i grafici questa tecnica rappresenta una vera e propria sfida: realizzare un logo che rispetti le basi di quest’arte senza però tralasciare il tocco individuale, bisogno fondamentale di un creativo, richiede molto tempo e maestria.

Loghi Tattili

I disegnatori a cui piace sperimentere con loghi di questo tipo ambiscono a traformare in cartaceo le texture del mondo reale. Oltre a conoscere bene i loro software preferiti non devono avere problemi con i metodi tradizionali di taglio, disegno e modellazione e il risultato finale non deve naturalmente tralasciare il senso del tatto: questi tipo di logo deve stimolare e coinvolgere.

Creare lettere utilizzando materiali reali è un ardua sfida anche per grafici più esperti. Chiunque si imbatta in questa sperimentazione (un settore per molti sconosciuto), avrà la sensazione che qualsiasi creazione sia una scoperta significante. La disposizione degli oggetti deve creare atmosfere speciali, e il risultato deve evocare maestria e tangibilità, caratteristiche che li distinguono dal resto dei loghi.

Questa particolare tecnica risulta piacevole anche agli occhi meno allenati, ma comporta uno sforzo cerebrale in più per il designer che riesce però a trasmettere nuovi impulsi creativi e originali al sapore di metallo, carta o qualsiasi altro tipo di materiale.

Arabeschi

Disegnare un logo usando un calligrafia attraente come quella araba può sembrare semplice, ma aspettate a dirlo fino a quando non vi troverete nel processo di elaborazione: scoprirete che è un impresa molto complicata. Questo stile richiede inevitabilmante forti dosi creative moderate però dalla competenza e dal gusto del designer, che necessariamente affronterà delicate modifiche fino a soddisfare appieno le esigenze del brand aziendale.

Questa tendenza richiama i già conosciuti pattern figurativi, utilizzati dai grafici negli ultimi anni: complesse figure arrivate direttamente dall’oriente che vanno a formare splendide creazioni adattabili sia in stampa che in digitale. Una miscela armoniosa di calligrafie antiche e moderne, come la Sans Serif, creano un ottima soluzione per i designer e una risposta facile ai desideri di unicità.

Chi si troverà ad usare questo stile spesso avrà la sensazione di essere limitato dalla calligrafia araba, ormai considerata una vera e propria forma d’arte. Spessa alla base e fine nella parte alta questa scrittura necessita, durante la sua elaborazione, di notevoli attenzioni che non trascurino l’armonia e la fluidità che la contraddistinguono.
Questo stile ci conferma e ricorda che nel vocabolario del grafico non può essere presente la parola “trascurare”.

Modernismo Classico

Nel 2008 il modernismo classico è tornato. Considerato da molti il metodo più semplice, la “via di fuga per creare” un logo, nel 2009 si ripresenta sotto una forma più genuina ed elegante, dove la sapiente alternanza dei pieni e dei vuoti è intelligentemente usata: il risultato finale sarà composto da forme che ricorderanno la vecchia scuola, come se il computer non fosse stato mai inventato.

Il fulcro di questo stile è l’essenzialità; il concetto e la sua esecuzione sono le guide principali. La bellezza di tutto ciò si fonda sull’abbondanza di spazi, la scelta dei colori e l’uso di forme forti e minimali (ricordiamoci la trasparenza in Photoshop non era ancora stata inventata). Risulteranno cosi lavori che ispirano fiducia, sicurezza e pragmatismo e dotati di grande forza e immediatezza dovuti alle capacità del designer e ad una realizzazione istintiva del concetto di base. Uno stile assolutamente semplice che è stato accolto dalla nuova generazione di grafici con ottimi risultati.
La semplicità di questo stile, l’assenza di forme complesse e colori stridenti offre le migliori soluzioni anche ai clienti più difficili da inquadrare.

Pittogrammi

I loghi non sono solo un oggetto, un immagine o un mix di colori e forme, ma anche uno studio di come semplificare e risolvere i problemi.
Negli ultimi anni stiamo assistendo ad una forte attitudine allo sviluppo di icone che sintetizzano e semplificano il messaggio essenziale di un logotipo. I pittogrammi sono la spina dorsale di questo trend, perfetti per quelle le ditte che non desiderano comunicare in un logo l’intero concetto aziendale, ma cercano un’immagine che semplicemente li rappresenti o che comunichi solo i loro valori essenziali.

I pittogrammi esistono da molti anni, ma sono diventati popolari quando i servizi industriali, pianificazioni urbane e parchi pubblici necessitavano di un linguaggio universale. Se i designer hanno incominciato a farne uso è sicuramente per la semplicità di queste forme chiare e comprensibili.

I segnali visivi sono la chiave nei pittogrammi. Il logo deve esplicarsi in maniera chiara e naturale senza dare l’impressione che serva una ricerca per scovare il suo significato. Tuttavia i logo designers non devono trascurare gli aspetti estetici, l’originalità e lo studio per un prodotto che risulti senza tempo.

La lezione di geometria degli anni ‘80

Questo stile uscito anni ‘80, divenne un modo innovativo e affascinante per catturare l’attenzione. In un mondo come quello della grafica, ormai saturo e privo di nuove idee, questo trend mostrò la possibilità di disegnare qualcosa di completamente differente. I designer ebbero carta bianca e, per attrarre l’attenzione delle masse, iniziarono a progettare loghi utilizzando forme geometriche complesse coadiuvate da un uso dei colori decisamente esuberante, senza badare ai costi e alla versatilità (sopratutto in stampa) di questo stile stravagante.

Molte aziende adottarono per anni l’uso di questo stile molto aggressivo, a discapito di una presentazione classica e idonea per quegli anni. Queste immagini scioccanti non ebbero però vita facile: furono infatti percepiti come un momento di follia creativa dei giovani designer, e non furono prese molto in considerazione.

Questo tecnica si riaffaccia oggi, con le dovute correzioni, per contrastare il minimalismo e la comune tendenza alla semplicità, differenziandosi però nettamente dallo stile high-tech visto nel 2008 grazie proprio all’utilizzo di queste forme stilizzate.
Rimane tuttavia la probabilità che questo trend non verrà usato da molti. La bellezza di queste immagini si basano sul gusto e sulle capacità del grafico, che dovrà affrontare numerose difficoltà durante il processo di realizzazione. Il risultato sarà però un prodotto visibilmente forte, unico e difficile da plagiare.

Loghi Tipografici

La potenza dei caratteri usati come ornamento costituisce una attrattiva unica. Una sorta di eleganza silenziosa di cui i grafici non potranno mai fare a meno.
Disegnare loghi tipografici significa lavorare su un delicato bilanciamento che riesca a combinare l’essenza, la mission, la filosofia e la struttura di un azienda attraverso l’uso dei soli caratteri.

Senza dubbi esistono centinaia di font, ma un buon designer non avrà la tentazione di legarsi ad una font senza prima averla studiata ed elaborarla minuziosamente creandone cosi un oggetto unico. Di primaria importanza è proprio la selezione del carattere, che dovrà tener conto della caratteristiche di unicità, adattabilità e importanza delle innumerevoli applicazioni del logo in futuro. Sfortunatamente, i migliori loghi vengono alterati una volta messi nelle grinfie dei centinaia di grafici delle tipografie, perdendo cosi inevitabilmente quella sottile e fragile armonia che li contraddistingue.

Street Art

Quando si sente il termine street art viene subito in mente la grafica disegnata. Talentuosi illustratori con alle spalle un background da writers, hanno virtuosamente adattato il loro stile nella grafica tradizionale.
Per molte persone una folata d’aria fresca – un ben accolto sollievo dalla grafica digitale.
I loghi street art sono sempre stati presenti. E i pronostici indicano che saranno in giro ancora per molto tempo. Sono da sempre lo stile preferito dai praticanti di sport estremi come lo skateboard, snowboard, surf , BMX e quindi dalle relative marche di abbigliamento e aziende produttrici del settore.

La street art parla per conto della parte più “sovversiva” dell’anima del designer: quella che si nutre di cultura indipendente, che si lascia attrarre dal fascino delle città, delle sue strade, delle sue dinamiche.
Quando il design dei loghi riflette la street art, la mente inizia un viaggio verso i luoghi geografici più disparati: dalle gallerie di Berlino est, alla varietà di Melbourne, fino ai murales di San Paolo in Brasile. Ecco che queste immagini si trasformano in reminiscenze di luoghi e tempi che popolano l’immaginario dell’osservatore.

Puzzle Patterns

La proliferazione delle migliaia di marchi che spuntano ogni giorno come funghi rende chiaro che il loro impatto visivo è decisamente diminuito.
Come compensare però questa tendenza?
Un metodo è sicuramente quello di battere territori sconosciuti, scoprendo accostamenti inusuali e originali. Ciò che sembrava una missione impossibile due anni fa ora è d’obbligo.

I puzzle patterns devono evocare e stratificare i concetti invece scarnificarli ed essenzializzarli. Molti di questi design esaltano la natura, trend ricorrente che trae la sua ragione proprio dal contrasto tra il contenuto (la natura) e la tecnica utilizzata per realizzarlo (il computer).
Al posto di scandagliare l’essenza elementale di un marchio, i designers stanno usando complesse grafiche vettoriali per allontanarsi intenzionalmente dalle regole, un’interpretazione di segni, pattern ed immagini indisciplinata ma sicuramente molto creativa. Qualunque cosa può rientrare in questi puzzle: animali, lettere, piante o forme geometriche casuali usate a piene mani e senza nessuna preoccupazione semantica perchè è tutto strettamente decorativo.

Al momento, I puzzle patterns sono una vera e propria battaglia anti-aziendale. Non siate comunque sorpresi se negli anni che verranno, grandi multinazionali che si avviano ad un cambiamento di immagine decideranno che hanno bisogno di qualcosa di veramente differente e si accosteranno a questo trend.

I loghi sono tratti da LogoPond e FaveUp

Visto che il web è un organismo mutevole e sempre in evoluzione, è importante costruire siti che crescano e si modifichino con esso invece di rimanere indietro quando un cambiamento si affaccia all’orizzonte.
Un markup pulito e il seguire gli standard web non solo vi aiuta a farlo, ma sulla lunga distanza è un risparmio di tempo e soldi.

Come il web si espande, anche le tecnologie che sfrutta crescono parallelamente. Sebbene l’HTML sia un linguaggio relativamente vecchio, lungo la strada ha acquisito alcuni supporti fondamentali.

Prima Javascript, poi CSS, XML e in seguito AJAX. L’avvento di HTML 5 è dietro l’angolo e già Firefox, Safari, Opera e Chrome lo supportano quasi completamente (naturalmente il solito Internet Explorer è un passo indietro come al solito).
In questo articolo daremo uno sguardo indietro sugli standard web: cosa sono, cosa significano e alcuni consigli utili per aiutarvi ad affrontare questa importante e spesso troppo trascurata questione.

Cosa significa avere un markup “pulito”?

In poche parole, significa ordinato, aderente agli standard, e che utilizza i tag e le strutture di ciascun linguaggio con lo scopo per il quale sono state create.

Un HTML ordinato fa un uso moderato di tag, evita il superfluo e raggiunge lo scopo con il minimo markup necessario. Evita attributi inutili, come CSS inline, e lascia ogni documento strutturato e organizzato.

Allo stesso modo, un CSS ordinato evita inutili ripetizioni, sfrutta l’ereditarietà (ricordate che CSS sta per Cascading Style Sheet) e riutilizza le classi ogni volta che è possibile.

Aderenza agli standard significa che le vostre pagine possono essere validate con gli standard messi a disposizione dal W3C per quanto riguarda l’HTML, CSS e XML. Significa utilizzare i validatori gratuiti del W3C per controllare gli errori, correggerli e testare nuovamente il documento finche non siete il più vicini possibile ad un documento valido al 100%.

Perchè mi dovrebbe interessare? Funziona, non basta?

Ogni progetto ha una scadenza ben precisa e ogni cliente voleva che il sito fosse in rete da ieri. Così come sviluppatori e designers siamo sotto pressione costante per lavorare più velocemente ed in modo efficiente.

E’ facile cadere nella trappola di pensare che veloce significhi trascurato e che un markup pulito, aderente agli standard richieda troppo tempo. E’ facile dire semplicemente “funziona e questo è quello che conta”.

Come no, funziona… per ora, per voi. E il prossimo anno o tra tre anni? O con i nuovi browsers? e l’accessibilità?
Pensate veramente che i maggiori motori di ricerca si atterranno ai vostri metodi particolari e sciatti? Sono molto pignoli, e se non siete attenti alle specifiche potrete dire addio ad un posizionamento decente.

E cosa dire del prossimo povero disgraziato che dovrà mettere le mani sulle pagine che avete creato? Cosa succederà se verrete investiti da un autobus o se verrete rapiti dagli alieni? Qualcun altro deve continuare da dove voi avete lasciato e guarderà il vostro codice cercando di trovarci un senso. Sarà facile, o gli farete venire il malditesta e maledire il vostro nome?

Fatelo bene la prima volta. Questa non è una noiosa paternale. Vi farà veramente risparmiare tempo e soldi e renderà più semplice il lavoro di chi verrà dopo di voi.
Potreste pensare che sia più sbrigativo inserire del CSS inline invece di aggiungere una nuova classe nel vostro foglio di stile. E potreste pensare che sia più semplice buttare là altro HTML senza considerare la struttura generale del documento.

Quando però verrà il momento di aggiornarlo o di ridisegnare l’intero sito, impiegherete molto più tempo a raccapezzarvi nel codice sconclusionato che avete prodotto piuttosto che occuparvene accuratamente in un primo momento. Quando create un nuovo foglio di stile, quelle irritanti righe di codice inline che avete frettolosamente aggiunto torneranno a tormentarvi e impiegherete delle ore a ricercarle e a toglierle.

Estensibilità, Accessibilità, Commutabilità e Test futuri

La navigazione per cellulari sta crescendo come Godzilla pompato di steroidi atomici. Invece di essere relegata ad una elité di fanatici del Blackberry di 5 anni fa, oggi chiunque usa il proprio telefono per navigare sul web.

La tecnologia assistenziale – screen readers per non vedenti e dispositivi dotati di interfacce alternative per i diversamente abili – è ormai comune, e naturalmente non volete perdere un cliente o allontanare del traffico solo perchè non ne avete tenuto conto.

Il vostro sito sarà probabilmente tradotto in una mezza dozzina di lingue in modo che lettori da tutto il mondo possano trovare i vostri contenuti. Grazie all’Internet Archive, la cache di Google e altri metodi, le pagine pubblicate oggi saranno in giro per molto, molto tempo dopo che saranno state rimosse dalla rete.

Un markup pulito e aderente agli standard farà in modo che il vostro sito possa lavorare in ognuna di queste situazioni.

Cose da fare e cose da evitare

• USARE I TAG PER IL LORO SCOPO. Ad esempio: h1 è al primo livello di importanza nella pagina, seguono poi h2, h3 e così via. Ci dovrebbe essere un solo tag h1 per pagina.
• NOMINATE LE CLASSI E GLI ID IN MODO SEMANTICO, e chiedervi se qualcun altro capirà a cosa serve la Classe/ID solamente dal nome. Quale convenzione ha più senso: #box12 o #comment-footer?
• FATE UN USO PROFICUO DELL’EREDITARIETA’ NEL CSS. Ad esempio: se usate un font in un container, non avete bisogno di specificarlo ancora per ogni elemento child a meno che questo non debba utilizzare un font diverso. Questa pratica manterra il vostro CSS snello e veloce da caricare.
• VALIDATE IL VOSTRO HTML, CSS E XML e correggete quanti più errori possibile. Fate attenzione anche ai messaggi di avviso generati.
• CONTROLLATE IL CODICE GENERATO DA EDITOR WSWYG e ripulitelo se necessario. E’ risaputo che generano codice pieno di elementi superflui e non validi.
• NON inserite stili inline o tag e attributi estranei solo perchè siete di fretta.
• NON fidatevi se il documento “funziona”. Solo perchè la pagina viene visualizzata non vuol dire che il markup sottostante sia aderente agli standard, senza problemi o adatto ai motori di ricerca.

Traduzione dell’articolo Why Does Clean Markup Matter in Web Design? comparso su Webdesigner Depot.