Archivio per la Categoria ‘Web’ Category

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

sitoweb.dalla.a.alla.zIl nostro compito in questa lezione sarà di dissezionare e in seguito di ricomporre il sito come in un puzzle della Clementoni, utilizzando i fogli di stile e l’(x)html. È una delle parti più appassionanti del lavoro perché ti permette di seguire lo sviluppo del sito vero e proprio ed è sempre gratificante vedere la tua opera prendere forma mattone dopo mattone. Per uno sviluppatore web può essere una soddisfazione molto simile a quella che può provare un grafico quando concepisce il layout del sito. || Leggi altro »

Siti allineati a sinistra: sono proprio da evitare?

Siti allineati a sinistra: sono proprio da evitare?

Ultimamente si è parlato nuovamente di quale sia l’allineamento ottimale per un sito web: destra, sinistra o centrato? Ovviamente centrato, non è una novitá. Se io non fossi la Bastian Contraria che sono, probabilmente mi limiterei ad annuire e a...

15 commenti

CSS, come sviluppare siti in modo professionale?

CSS, come sviluppare siti in modo professionale?

Progettata la struttura delle nostre pagine web, il passo successivo è quello di portare il design dalla bozza grafica al codice. I CSS (fogli di stile a cascata) rendono questo lavoro molto più semplice rispetto all'utilizzo del solo HTML (come...

5 commenti

Framework CSS: Grid System 960. Cos’è?

Framework CSS: Grid System 960. Cos’è?

Da qualche anno a questa parte si è molto parlato di Framework CSS: Blueprint, Grid System 960, Elastic, ecc... in molti dicono che possono essere un buon punto di partenza per lo sviluppo dei propri lavori. Ma è davvero così?...

26 commenti

Come realizzare le pagine interne dopo l’accettazione della bozza?

Come realizzare le pagine interne dopo l’accettazione della bozza?

Nella penultima lezione hai visto come può essere semplice creare, con un po' di manualità e fantasia, un'ottima bozza grafica per il sito internet del tuo cliente. Dopo l'accettazione di questa bozza, dovrai realizzarne le pagine interne: in realtà, una...

11 commenti

Html, come lavorare e sviluppare siti in modo professionale?

Html, come lavorare e sviluppare siti in modo professionale?

Comincerò col dire qualcosa che ti stupirà sicuramente: creare siti web professionali è difficile. Ci sono moltissime variabili di cui tener conto, tanti piccoli dettagli da curare, anche se il tuo compito riguarda esclusivamente il codice e non il design...

5 commenti

Perché dovresti conoscere i nuovi selettori CSS3

Perché dovresti conoscere i nuovi selettori CSS3

La nuova specifica CSS3 introduce molte novità in parecchi ambiti. Proprio per questo motivo è stata suddivisa in vari moduli, tra loro indipendenti. Il modulo selettori, che probabilmente sarà il primo a diventare una raccomandazione del W3C, è costituito da...

7 commenti

Sans-serif mania: i 20 font moderni più belli del web

Sans-serif mania: i 20 font moderni più belli del web

In questo articolo hai visto come la tipografia e soprattutto la scelta di un determinato font possa contribuire alla buona riuscita di un prodotto grafico. Nel caso non ve ne foste accorti, la tendenza generale del momento sia per quanto...

14 commenti

Come creare un widget in WordPress 2.8?

Come creare un widget in WordPress 2.8?

Come avevo già accennato in questo articolo, la nuova versione di WordPress, la 2.8, ha notevolmente migliorato la gestione dei widgets. Oggi vedremo come è molto più facile generare un proprio widget personalizzato utilizzando la nuova classe messa a disposizione...

15 commenti

Come presentare la bozza grafica al cliente?

Come presentare la bozza grafica al cliente?

Una volta realizzata la bozza grafica del sito dovrai presentarla al tuo cliente. La fase di accettazione della bozza è, tutto sommato, un processo di vendita come un altro e sta a te convincere il cliente della validità del tuo...

20 commenti

Conosci questi modi di utilizzo dei selettori css? (Parte 3)

Conosci questi modi di utilizzo dei selettori css? (Parte 3)

Nei precedenti articoli abbiamo introdotto i selettori CSS illustrandone vantaggi e metodologie di utilizzo. Oggi concludiamo il nostro viaggio introducendo due pseudo-elementi che ti permetteranno di migliorare ulteriormente il markup dei tuoi documenti HTML. Scopriamo insieme di cosa si tratta....

12 commenti

Tipografia web: quali sono i limiti e quali le possibili soluzioni?

Tipografia web: quali sono i limiti e quali le possibili soluzioni?

Progettare la grafica di un sito web è un vero e proprio atto creativo: certo, non il più libero, visto che bisogna tener conto di griglie, architettura delle informazioni, usabilità, ecc. ma nonostante questo il web designer può utilizzare liberamente...

10 commenti

Mode nel webdesign: icone free e ispirazione per la twitter mania

Mode nel webdesign: icone free e ispirazione per la twitter mania

C’è un grazioso uccellino blu che irriverente fa capolino dalla maggior parte dei blog presenti sul web. Si tratta di twitter, re indiscusso dei servizi di micro-blogging (altri, meno famosi ma da citare sono Yammer e Tumblr) che permette agli...

14 commenti

Come trovare l’ispirazione e disegnare il layout di un sito web?

Come trovare l’ispirazione e disegnare il layout di un sito web?

Benvenuto al 5° articolo della nostra guida. Sei arrivato ad un punto cruciale del tuo progetto: la realizzazione grafica del layout. Disegnare un sito non è affatto semplice e si deve avere a che fare con numerose incognite: trovare l'ispirazione,...

37 commenti

Conosci questi modi di utilizzo dei selettori css? (Parte 2)

Conosci questi modi di utilizzo dei selettori css? (Parte 2)

Dopo aver introdotto i selettori di base presenti nelle specifiche CSS, ed averne testato la potenza, forse ti sarai chiesto: "Che bisogno c'é di altri selettori? Posso fare tutto con class e ID!". Non c'è niente di più professionale di...

10 commenti

Ispirazione: 40 siti di colore blu per un web più confortante

Ispirazione: 40 siti di colore blu per un web più confortante

E’ elegante, rilassante e nella psicologia dei colori simboleggia la stabilità aziendale e l’affidabilità: sarà per questo che il blu è, insieme al rosso, il colore più utilizzato nel web design? Di certo è che sono numerose le aziende che...

8 commenti

Come sviluppare e organizzare la struttura di un sito web?

Come sviluppare e organizzare la struttura di un sito web?

Nel precedente articolo di questa guida abbiamo raggiunto un ottimo traguardo. Il cliente, infatti, ha accettato il nostro preventivo,  firmato il contratto e ci ha commissionato il lavoro. La prossima fase è delicata e fondamentale per il nostro progetto: dobbiamo,...

51 commenti

Conosci questi modi di utilizzo dei selettori css? (Parte 1)

Conosci questi modi di utilizzo dei selettori css? (Parte 1)

Argomento trascurato da molti sviluppatori, il buon uso dei selettori separa il professionista dal web-designer improvvisato. I CSS o fogli di stile, come saprai, servono a definire il modo in cui il contenuto del nostro documento verrà visualizzato dai vari...

13 commenti

Ispirazione: 45 siti di colore rosso per un web più audace

Ispirazione: 45 siti di colore rosso per un web più audace

E’ il colore del dinamismo e della vitalità, della passione e della sensualità, della forza e dell’amore. Ma soprattutto è un colore che provoca eccitazione e le cui recondite proprietà vengono abilmente sfruttate nella pubblicità, nella grafica, nel marketing. Non...

14 commenti