Web Content Design

Un'operazione sicuramente da applaudire. Opera ha pubblicato sul suo sito le prime 23 lezioni di quello che si propone come un vero e proprio corso di addestramento sugli standard web: Opera Web Standards Curriculum. Da qui a settembre è attesa l'uscita dei rimanenti 30 articoli.

Si parte con lezioni introduttive sul funzionamento di internet e sull'importanza degli standard per poi passare all'esame delle fasi di progettazione di un sito e all'analisi dei tre principali linguaggi legati al web development, HTML, CSS e Javascript. Tutti i testi sono corredati di link di approfondimento e ad altre risorse utili.

Il corso è distribuito con una licenza Creative Commons (Attribuzione - Non commerciale - Condividi allo stesso modo) che rende possibile, ad esempio, anche la traduzione in altre lingue...

Ci sono 4 commenti a questo post - Leggi i commenti

Alan Dean ha realizzato e pubblicato un diagramma degli status code delle risposte HTTP. Anche se a molti lettori questo potrebbe dire poco o nulla, sono sicuro che chi di voi si occupa di web service, server o applicazioni web troverà questo documento completo ma soprattutto chiaro ed intuitivo.

Il diagramma è disponibile nei principali formati come .gif e .png ma anche .svn e Visio.

Ci sono 3 commenti a questo post - Leggi i commenti

Altra bella e intrigante discussione in corso su diversi blog dedicati a web design e dintorni. C'è chi si spende per promuovere l'adozione di XHTML rispetto ad HTML. E c'è chi risponde ribaltando il tutto: meglio HTML.

Un post molto interessante è questo di James Bennett. Al momento di ridisegnare il suo sito ha scelto di ri-passare da XHTML 1.0 ad HTML 4.01. E spiega ovviamente le ragioni. Sintetizzando al massimo: servendo un documento con un DOCTYPE XHTML ma come text/html si perdono tutti i possibili vantaggi di questo linguaggio, quelli che derivano dall'essere XHTML parente stretto di XML. A questo punto, è la conclusione, se posso rinunciare ai vantaggi di XHTML/XML perché non usare direttamente HTML?

Non trascurabile l'osservazione a sostegno di questa posizione offerta da Jeff Croft: il futuro è chiaramente HTML (nella sua incarnazione 5), non XHTML.

Voi come vi regolate?

Ci sono 37 commenti a questo post - Leggi i commenti

Questo post nasce raccogliendo gli spunti offerti dai commenti all'intervento sulla resa del testo in Safari pubblicato un paio di giorni fa. A quello rimando per i dettagli sulla questione, qui mi interessa porre alla vostra attenzione una questione più generale.

Nel secondo commento così si esprime, con grande puntualità, floyd:

Nella validazione del file CSS, le 2 dichiarazioni vengono rilevate come errori:

La proprietà text-shadow non esiste per CSS versione 2.1 ma esiste in CSS2 e CSS3: #000000 0 0 0

La proprietà opacity non esiste per CSS versione 2.1 ma esiste in CSS3: 0.9999999

Poco più sotto interviene Troglos:

In effetti ho dovuto eliminarla perché non mi validava più il CSS...

Ed eccoci al dunque. La tecnica oggetto del post consente di ottenere un miglioramento in termini di leggibilità del testo (su questo credo che convengano sia floyd che Troglos). Ora, uscendo dallo specifico e ragionando in termini generali, in casi simili sareste disposti a sacrificare un po' di usabilità pur di ottenere l'approvazione del validatore del W3C?

Ci sono 20 commenti a questo post - Leggi i commenti

In tanto hanno parlato ieri del lancio ufficiale di Opera 9.5. C'è chi, come sul nostro Webnews, ha posto l'enfasi sulle nuove dotazioni in tema di sicurezza, chi ha messo in evidenza la nuova interfaccia (ne abbiamo parlato anche su queste pagine). Visto che qui si parla soprattutto di cose legate allo sviluppo web, il rimando obbligatorio è a questo lungo documento apparso su Dev.Opera. Esplora nei dettagli le principali novità introdotte in questa versione del software sul versante degli standard web, dal supporto dei CSS3 e HTML 5 fino a Dragonfly (il tool di debugging e analisi che è parte del browser) e agli strumenti di ausilio allo sviluppo.

Ci sono 2 commenti a questo post - Leggi i commenti

Credo sia un must per tutti quelli che operano nel design di template in HTML, più o meno complessi, per newsletter e campagne di email marketing. Parlo del report sul supporto dei CSS nei client di posta desktop e web curato da Campaign Monitor. La versione aggiornata rilasciata ieri prende in considerazione le applicazioni non ancora disponibili nell'ultima edizione, risalente al 2007. Disponibili per il download anche le comode versioni del documento in PDF e formato Excel.

Ci sono 8 commenti a questo post - Leggi i commenti

Questo intervento apparso su SitePoint spiega con dovizia ed esempi completi due nuove funzionalità HTML e CSS implementate su Firefox 3.

Si tratta del supporto dei cosiddetti trattini deboli (soft hyphens in inglese, la resa in italiano è tratta dalla traduzione della specifica HTML 4.01 di Michele Diodati) e del valore inline-block per la proprietà display come definito nella specifica CSS 2.1. Il nuove funzionalità va inteso nel senso che Firefox 3 si è aggregato questa volta al resto del plotone, poiché nel caso dei trattini deboli tutti i principali concorrenti garantivano da un po' il supporto, mentre per inline-block la situazione è quella dipinta nella tabella comparativa di PPK.

Come mostrano gli esempi del post di SitePoint, inline-block può essere utile in tutte quelle circostanze in cui si cerchi un'alternativa a float: a quelli vi rimando per approfondire. Spenderei invece due parole in più sui trattini deboli a beneficio di quanti non fossero consapevoli della loro utilità e del modo in cui utilizzarli.

Il problema a cui tentano di dare una soluzione è quello delle parole molto lunghe. In certe circostanze, infatti, possono produrre effetti decisamente indesiderati sul layout. Ho usato come appoggio per l'esempio questo vecchio post di Edit che usammo all'epoca nella fase di rodaggio. Ho volutamente esagerato, ma solo per rendere l'idea. Se nel corpo della parola, in punti da me definiti, inserisco l'entità ­, un browser che supporti i trattini deboli farà sì che in quei punti venga inserito il classico trattino dell'andata a capo e che la riga venga interrotta. Ecco il risultato in un altro post.

Ci sono 2 commenti a questo post - Leggi i commenti

Riportato alla luce da una segnalazione apparsa su DZone, segnalo a mia volta una particolarità della specifica HTML 5 presentata un mesetto fa in questo post del blog del WHATWG. Si tratta della possibilità di creare liste con numerazione in ordine inverso. Basta per esempio aggiungere ad una normale ol di 10 item l'attributo reversed per ottenere una numerazione che parte automaticamente da 10 per arrivare ad 1. Sono sicuro che ognuno di voi saprà immaginare almeno uno scenario d'utilizzo per questa funzionalità in attesa di poterla implementare (da vecchio ascoltatore della hit parade su RadioDue il gioco nel mio caso è stato troppo facile).

Forse (e magari senza forse) più sostanziosa un'altra innovazione promessa nella specifica, quella su cui interviene in un bell'intervento di sintesi ricco di esempi e codice Brian Dillard. Il tema è quello degli attributi personalizzati. Non consentiti, come si sa, nelle attuali specifiche ma certamente utili in tante circostanze. Come spiega bene Anne Van Kesteren, la specifica HTML 5 renderà possibile agli autori di pagine web l'utilizzo di attributi speciali che inizino con la stringa data- per inserire nel codice HTML dati speciali o rilevanti. Gli snippet di Dillard mostrano per esempio come questa possibilità si possa applicare alla creazione di routines di validazione dei form.

Ci sono 3 commenti a questo post - Leggi i commenti

Quanto è giusto, corretto, intelligente, furbo (aggiungete tutti gli aggettivi che volete) evidenziare tra i punti di forza di una web agency o di uno sviluppatore freelance la capacità di produrre siti con codice HTML e CSS valido? Se lo chiede, criticando questo tipo di strategia, Anthony J. Zinni.

Tre le obiezioni e tre i punti su cui poggiano: 'dovrebbe essere scontato', 'lo propongono tutti', 'non importa al cliente'. Io non so quanto sia diffusa questa pratica né mi permetto di giudicarla. Pensate che siano osservazioni valide?

Ci sono 18 commenti a questo post - Leggi i commenti

Uno dei privilegi di Google è che è in grado di dare come forse nessun altro il quadro della situazione sull'evoluzione delle tecnologie legate allo sviluppo web.

È dell'altro ieri il post sul blog ufficiale con cui viene reso noto il sorpasso operato da Unicode (UTF-8) ai danni di ASCII e altre codifiche dei caratteri come Latin-1 o Windows 1252 come codifica più usata sul web (il dato si riferisce a rivelazioni dello scorso dicembre). E voi? Tutti passati a UTF-8?

Ci sono 15 commenti a questo post - Leggi i commenti