Web Agency - Realizzazione siti web Roma e Grafica pubblicitaria

Web Agency - Realizzazione siti web Roma e Grafica pubblicitaria

check_my_coloursEbbene si… webdesigner di tutta Italia, vi annuncio un nuovo strumento all’avanguardia per la realizzazione di accessibili, si chiama Check My Colours,  un strumento realizzato dall’italiano Giovanni Scala.

Come bene sappiamo la scelta dei colori in una pagina web è una delle caratteristiche fondamentali per ottenere un sito accessibile. Oltre a problemi tipo il daltonismo, dobbiamo pensare anche ad altri deficenze della vista, per esempio pensiamo ad una pagina web senza foglio di stile CSS , tralasciando la dichiarazione di certi toni di colore può rendere il testo non fruibile a determinate categorie di utenti.

Dopo anni ed anni di elaborazione del codice XHTML, ecco in arrivo il nuovo HTML5,

Sarà vera rivoluzione per la creazione di , tante le novità… cominciamo:

Struttura
HTML 5 introduce una serie di nuovi elementi che rendono la vita molto più semplice nella realizzazione della struttura delle pagine.

La maggior parte delle pagine HTML 4 include una varietà di strutture comuni, come ad esempio intestazioni (header), piè di pagina (footer) e colonne (sidebar) ecc, è uso comune utilizzare elementi div, dando a ciascuno un id o classe da poter poi gestire tramite i fogli di stile CSS.

Il codice delle nuove pagine potrebbe essere la seguente:

 <body> 
   <header> ...</ header> 
   <nav> ...</ nav> 
   <article> 
     <section> 
       ... 
     </ section> 
   </ article> 
   <aside> ...</ aside> 
   <footer> ...</footer> 
 </ body> 

Non male no? Vedremo cosa ci riserverà il futuro della realizzazione !

Per chi volesse approfondire: W3C - HTML5 API draft

w3c ha presentato la nuova versione (beta) del sito “bibbia” dei web designers appassionati di accessibilit e non solo. Potete vedere l’evoluzione di questo lavoro all’indirizzo http://beta.w3.org.

Le novità? Eccole!

  • Layout fluido, che supporta risoluzioni display fino a 800×600.
  • Il menu principale nella colonna sinistra è a larghezza fissa.
  • Uno script JavaScript per le news.
  • Nuova organizzazione dei contenuti delle pagine sulle specifiche.

Chissà come si evolverà prima dell’uscita del sito definitivo. Appuntamento fra qualche mese per vedere cosa sarà cambiato.

sprites css exampleNon abbiamo a che fare con una nota bibita, in questo articolo trattiamo un nuova modalità di creare .

Si tratta degli , tramite l’utilizzo di una singola immagine che ne comprende tante (spesso icone come nell’immagine), ed attraverso la proprietà “background-position“, possiamo visualizzare i diversi stati di un link, di una voce di menù.
E’ normale chiedersi a questo punto, quali siano i vantaggi di questa tecnica di realizzazione di , beh eccone alcune:

  • Minor carico sulla banda del server che ospita il sito
  • Si evitano ritardi nel primo caricamento dello stato Hover dei link ad immagine

L’unico problema nello sviluppare siti utilizzando queste tecniche è che il codice css non è semplicissimo, quindi vorrei indicare agli sviluppatori meno esperti e a chi non vuole perdere troppo tempo un ottimo strumento per la creazione automatica del codice per gli Sprite CSS.

Qual’è la miglior risoluzione per un sito web?

risoluzione_siti_web_e_displayQuesto è uno dei quesiti che tutti i webdesigner prima o poi si chiedono.

Dalle statistiche di Net Applications del 2008, risulta con grande stupore per molti, che la maggior parte dei (circa il 37%), vengono costruiti ed ottimizzati per l’ormai celebre risoluzione di 1024×768 pixel.
La domanda di tutti i webdesigner nasce spontanea:

Per quanto ancora dovremo utlizzare queste dimensioni, visto che ormai nella stragrande maggioranza delle case e degli uffici di tutto il pianeta si utilizzano display con risoluzioni ben superiori a tal misura?

Per dare una risposta questa domanda, dobbiamo però analizzare prima alcuni aspetti, prima fra tutte l’abitudinarietà degli utenti; mi spiego meglio.
Gli user di tutto il mondo si dividono in due grandi mondi spesso in “lotta” fra loro, Utenti Windows ed utenti Mac.

Gli utenti Windows, difficilmente utlizzano finestre a tutto schermo, perchè spesso indaffarati con il desktop e le icone di collegamento alle varie applicazioni, da questo ne consegue che imposteranno una granezza del browser nel quale stanno navigando su un sito web, a dimensioni piuttosto ristrette, il che impedirebbe la corretta visualizzazione di un sito web realizzato per una risoluzione maggiore di 1024X768.
Dall’altro lato, gli utenti Mac, grazie al connubio dell’utilissimo Dock , delle applicazioni come Spaces e Exposé e degli shortcuts, riescono a gestire meglio browser a tutto schermo, favorendo quindi siti internet disegnati e progettati per risoluzioni ampie.

Il secondo aspetto che sicuramente deve essere valutato per la scelta delle giusta risoluzione nella realizzazione di , è il contenuto; questo infatti, può avere molteplici forme, ad esempio se il sito web in questione dovesse ospitare contenuti di tipo istituzionale, la scelta giusta sarebbe quella di optare per un layout liquido, al contrario se avessimo a che fare con tipo youtube, saremmo più indirizzati verso un layout a larghezza fissa, scelta sicuramente più comoda anche a livello di gestione degli spazzi e livello di codice css.

Al terzo posto ma non per importanza, dobbiamo valutare la grafica che il sito web richiede, se il sito web ha una grafica molto complessa e ricca di immagini, nella maggior parte dei casi dovremmo adottare una risoluzione a larghezza fissa, mentre nel caso di grafica molto semplice e scarna sarà piu semplice costruire un layout liquido, la cui grafica sarà determinata quasi esclusivamente dal codice css.

In conclusione possiamo quindi dire che la risoluzione da adottare per un sito web, puo essere influenzata maggiormente da:

  • Target dell’utente finale
  • Contenuti del sito web
  • Grafica del sito web

Prima di chiudere vorrei precisare che questo articolo tratta solo consigli e non verità assolute, che come molti che lavorano ed hanno esperienza nella realizzazione di sanno, non è possibile senteziarne, vista anche la continua e frenetica evoluzione che il web ha ed avrà sempre.