Tutorial e videotutorial su Photoshop, Illustrator, Flash, Xhtml e CSS, ajax, jquery, xhtml, css, php, accessibilità, usabilità, search engine optimization...
In questo articolo troverai una guida passo passo corredata da immagini di esempio che illustrano in modo semplice le più importanti funzioni per il corretto uso del CMS Wodpress, utilizzato dal nostro blog.
Prima di iniziare la stesura del’articolo, ti consigliamo di leggere questa utile guida su Scrivere per il web.
Continua…
Tradotto da http://www.simplewpguide.com/writing-for-web/
Scrivere per il web richiede uno stile di scrittura adatto al medium. Le persone non leggono sul web allo stesso modo dei media cartacei. Per la natura dinamica di Internet, esse tendono ad assimilare il contenuto digitale molto velocemente.
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.
Tradotto dall’originale Alt text and linked images di , 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.
Tradotto dall’originale Accessible Web 2.0 web applications with WAI-ARIA di Martin Kliehm, pubblicato su www.alistapart.com
Le applicazioni Web 2.0 spesso presentano dei problemi di accessibilità e usabilità per via delle limitazioni imposte dal linguaggio (X)HTML. La bozza standard del W3C per le Accessible Rich Internet Applications (ARIA) risponde a queste limitazioni. Fornisce modi diversi di comunicare il significato, la rilevanza e le relazioni, colma le lacune nelle specifiche dell’(X)HTML e migliora l’usabilità per tutti gli utenti attivando modelli di navigazione simile alle applicazioni desktop. Meglio ancora, possiamo usare ARIA per migliorare al tempo stesso l’accessibilità dei nostri siti.
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…
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.
Tradotto dall’originale Let Them Eat Cake di Aaron Gustafson pubblicato su www.alistapart.com
C’é stato un crescente dibattito che vuole mettere contro accessibilità e usabilità ma non vi è ragione per non avere entrambi. Se possiamo rendere una pagina più usabile senza rinunciare all’accessibilità , allora è bene farlo; non lasciamo che la nostra incapacità a tradurre determinati principi di usabilità in funzioni o caratteristiche accessibili ne riduca l’uso. Nella misura in cui questi miglioramenti non restringono l’accessibilità è bene farlo.
Come molti sapranno, con javascript e il DOM, abbiamo la possibilità di controllare ogni elemento su una pagina web ben strutturata. Crediamo che, usando il DOM, possiamo migliorare l’usabilità di una pagina senza ridurre la sua accessibilità . Con un pò di CSS otteniamo una fantastica ricetta per una fantastica esperienza, indipendentemente dal browser, dalla piattaforma o dal dispositivo utilizzati.
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.
Le esigenze specifiche degli utenti con disabilità motorie possono spesso essere ignorate o scarsamente applicate. Le disabilità motorie possono essere causate da un incidente, dal morbo di Parkinson, da sclerosi multipla, da una disabilità fisica o da arti fratturati. Questo gruppo di utenti sostanzialmente ha un’abilità limitata o nulla dell’uso del mouse.
