Category: Web Design

Guide, tutorial e consigli utili per web designer freelance.

Grafica vettoriale · Risorse Utili · Tutorial · Usabilità e accessibilità · Web Design

1

Dalle risorse per web designer ad un tutorial in illustrator: News della settimana n. 6

La raccolta settimanale di blographik su articoli e risorse interessanti da consultare ogni sabato.

Gli argomenti di questa settimana riguardano:

il web marketing;

il business blog;

i possibili fattori in grado di influenzare il ranking di un sito;

un convertitore web based universale;

un template italiano gratuito per wordpress;

il servizio di analisi CrazyEgg;

un progetto italiano di lezioni gratuite di informatica;

suggerimenti su alcuni strumenti e risorse per la grafica ed il web design;

consigli di lettura su SEO e web marketing;

un articolo interessante sull’usabilità;

joomla 1.5 Beta release;

alcuni suggerimenti di lettura sul web marketing;

un tutorial in illustrator;

un reference manual on line sui css;

Il sesto appuntamento di blographik con le novità di questa settimana travate in rete.

Continua a leggere

Tutorial · Web Design

3

6 suggerimenti all’uso dei css: salvare dei layout di base

Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: controllare il risultato su più browser e apprendere da altri siti.

Questo post è la continuazione dei seguenti articoli:

(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css;
(02) – collegare i fogli di stile;
(03) – organizzare i fogli di stile;
(04) – validare il codice e raggruppare i selettori;
(05) – usare i commenti;

Sesto ed ultimo appuntamento con i miei piccoli 6 suggerimenti per apprendere ed ottimizzare l’uso dei css.

Salvare dei layout di base.
Continua a leggere

Risorse Utili · Tutorial · Web Design

5

6 suggerimenti all’uso dei css: controllo su più browser

Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: controllare il risultato su più browser e apprendere da altri siti.

Questo post è la continuazione dei seguenti articoli:

(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css;
(02) – collegare i fogli di stile;
(03) – organizzare i fogli di stile;
(04) – validare il codice e raggruppare i selettori;
(05) – usare i commenti;

Quinto appuntamento con i miei piccoli 6 suggerimenti per apprendere ed ottimizzare l’uso dei css.

Continua a leggere

Tutorial · Web Design

4

6 suggerimenti per usare i css: usare i commenti

Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: usare i commenti per aiutare a spiegare gli stili.

Questo post è la continuazione dei seguenti articoli:
(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css;
(02) – collegare i fogli di stile;
(03) – organizzare i fogli di stile;
(04) – validare il codice e raggruppare i selettori;

Usare i commenti.

Nella scrittura dei nostri stili è abbastanza facile ricordare il motivo per cui abbiamo usato certe proprietà nel momento in cui li scriviamo, ma se dobbiamo riprendere un file .css dopo molto tempo sarebbe utile aggiungere dei commenti che ci rinfreschino un pò la memoria.

Continua a leggere

Tutorial · Web Design

6

6 suggerimenti per usare i css: validare il codice e raggruppare i selettori

Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: validare il codice e raggruppare i selettori.

Questo post è la continuazione dei seguenti articoli:
(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css.
(02) – 6 suggerimenti per usare i css: collegare i fogli di stile.
(03) – 6 suggerimenti per usare i css: organizzare i fogli di stile.

Tornando a parlare di alcuni miei suggerimenti per ottimizzare ed usare i fogli di stile, di seguito espongo la mia esperienza con altri consigli per i web designers che stanno passando alla realizzazione di siti utilizzanto solo i fogli di stile.

Continua a leggere

Tutorial · Web Design

57

6 suggerimenti per usare i css: organizzare i fogli di stile

Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: organizzare i fogli di stile.

Questo post è la continuazione dei seguenti articoli:
(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css.
(02) – 6 suggerimenti per usare i css: collegare i fogli di stile.

Un foglio di stile che non segue un buon criterio organizzativo è di difficile gestione e comprensione.

Perchè?
Continua a leggere

Tutorial · Web Design

8

6 suggerimenti per usare i css: collegare i fogli di stile

Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: collegare i fogli di stile.

Questo post è la continuazione dell’articolo:
6 suggerimenti per apprendere e ottimizzare l’uso dei css.

Collegare i fogli di stile.

Personalmente preferisco come soluzione ottimale un foglio di stile esterno (file separato con estesione .css in cui è presente l’intero codice per la formattazione delle pagine di tutto il sito) collegato alla pagina html attraverso il tag link o la direttiva @import all’interno del tag style.

Di seguito 2 esempi che rendono bene l’idea di come includere un file css nelle nostre pagine:

Continua a leggere