WebOnTheFly, il blog
Annunci, ispirazione, approfondimenti per i professionisti del web, Articoli guida e di approfondimento sul software, eventi e seminari, recensioni di libri e guide per il web, Utility, icone, componenti, filtri, font, texture, immagini royalty free, Tutorial e videotutorial su Photoshop, Illustrator, Flash, Xhtml e CSS, ajax, jquery, xhtml, css, php, accessibilità, usabilità, search engine optimization…

Tradotto dall’originale Accessible data visualization with Web Standards di Wilson Miner, pubblicato su www.alistapart.com

Abbiamo parlato del Web 2.0 per così tanto tempo che è diventato un argomento obsoleto tanto da non ricordarne il significato e la funzione. Ma una cosa è sicura, ci sono moltissimi dati sul web al momento. E come web designer, progettiamo moltissimi siti basati su dati.

Allo stesso modo, ci sono molte opzioni per la visualizzazione dei dati. Charts API, recentemente annunciato da Google, è un ottimo esempio ma vi sono diversi strumenti e servizi per creare diagrammi e grafici o realizzare visualizzazioni interattive con Flash.

Continua…

Tradotto dall’originale Alt text and linked images di Jared Smith, pubblicato su www.webaim.org

Il testo descrittivo per le immagini è la regola numero uno per l’accessibilità sul web. Sebbene l’assenza di testo alternativo appropriato sia forse la barriera più grande per gli utenti di screen reader, ho notato un notevole incremento nell’uso del testo alternativo e quindi in generale dell’accessibilità sul web negli ultimi anni. Ad ogni modo, c’é da segnalare una tendenza davvero pericolosa nell’ignorare i testi alternativi appropriati per le immagini con collegamenti ipertestuali.

Continua…

I web designer che si sforzano di realizzare siti accessibili spesso commettono gli stessi errori ripetutamente. Nonostante ce la mettano tutta, il loro eccessivo zelo si perde per strada e in realtà è di ostacolo all’accessibilità . I dieci consigli che seguono vi diranno cosa NON fare, così da non inciampare negli stessi errori…

Continua…

Tradotto dall’originale Invasion of the Body Switchers di Andy Clarke, James Edwards pubblicato su www.alistapart.com

Da quando è stato rilasciato nel 2001, lo Style Sheet Switcher di Paul Sowden è stato prelevato e usato da migliaia di progettisti e sviluppatori di siti web e ha avuto diversi utilizzi sia sul lato server sia sul lato client.

Avendolo usato io stesso su diversi progetti, ho cominciato a chiedermi come la selezione dei fogli di stile possa essere estesa per dare agli utenti più scelte o miglioramenti nell’accessibilità , percui mi sono rivolto al mio amico Brothercake per concretizzare questa idea nell‘Invasion of Body switchers.

Continua…

Tradotto dall’originale Keeping Navigation Current With PHP di Jason Pearce pubblicato su www.alistapart.com

Trasformare elenchi non ordinati in eleganti menu di navigazione è diventato il passatempo per molti sviluppatori di siti web. Aggiungere un attributo unico id o class per indicare quale elemento del menu si riferisce alla pagina attuale dell’utente, ad ogni modo, può diventare laborioso. Anche usando gli attributi body id al contrario, come noi di ALA, richiede lavoro ed è facile sbagliarsi. Ma grazie al PHP, possiamo aggiungere questi indicatori di pagina automaticamente.

Questo tutotial è l’unione tra lo script di Christopher Robbins, Manage Your Content With PHP, e quello di Mark Newhouse CSS Design: Taming Lists. Il risultato di questo matrimonio sarà un semplice documento di navigazione chiamato navigation.php. Usando PHP, includeremo il nostro menu di navigazione onnicomprensivo in ogni pagina del sito. Diversamente da altri inclusori generalisti, comunque, questo è in grado di individuare quale pagina l’utente sta visitando e adeguerà l’indicatore di pagina di conseguenza.

Continua…