Grafica web e psicologia del colore: come i colori comunicano con l’inconscio (2)

Nuovo appuntamento con il corso completo di grafica. La scorsa settimana abbiamo visto il significato intrinseco di alcuni colori, ma all’appello ne mancano ancora molti altri: marrone, rosa, bianco… cominciamo subito e chiudiamo questa parentesi dedicata alla psicologia del colore.

|| Leggi altro »

Grafica web e psicologia del colore: come i colori comunicano con l’inconscio

corso-grafica

Ricomincia oggi il nostro corso completo di grafica web. Per cause di forza maggiore abbiamo dovuto interrompere per qualche settimana il corso e fermarci agli schemi colore;  oggi finalmente riprenderemo il discorso lasciato in sospeso e vedremo come il colore...

35 commenti

Fireworks CS6: come creare un mockup?

mockup

La versione CS6 di Fireworks è ancor più orientata al web 2.0 rispetto alle versioni precedenti. Sono state introdotte numerose funzionalità che semplificano la vita a noi web designer, come abbiamo visto in questo articolo. Oggi vorrei mostrarti come realizzare...

15 commenti

Di’Verso: un tema WordPress corporate in regalo per te!

diverso-html-free

Natale si avvicina e noi di Your Inspiration Web ci siamo chiesti cosa potessimo regalare ai nostri lettori. Maurizio consigliava un Aifon, Sara un abbonamento a tutti i siti di font tipografici, Just, da buon napoletano, era già pronto a...

32 commenti

Responsive web design: compatibilità e testing

responsive

Compatibilità e browser: penso che per noi sviluppatori web questi due termini messi insieme significhino davvero tanto. Durante la fase di sviluppo scegliamo di controllare la resa visiva del sito sul nostro browser preferito (il mio è Firefox). A fine...

8 commenti

YITHEMES: temi di WordPress ad alta qualità e… GRATIS!

yithemes

La scorsa settimana su Facebook è partita qualche piccola indiscrezione sul nostro nuovo progetto, e la curiosità di molti di voi si è fatta giustamente sentire. Che cosa è questo fantomatico Your Inspiration Themes? E soprattutto, come funziona? Perciò, eccoci...

41 commenti

E-commerce con Magento: introduzione

magento

Magento attualmente è uno dei CMS dedicati al commercio elettronico più famosi in circolazione. Rilasciato nel 2008 con licenza OpenSource dalla Varien Inc.(ora Magento Inc), ha visto una rapida crescita e una popolarità via via crescente tanto da venir acquistata...

18 commenti

Twitter Bootstrap: come realizzare dei menu accattivanti?

twitter-menu

Eccoci ad un nuovo appuntamento con il  Twitter Bootstrap. Abbiamo visto finora gli elementi base che lo compongono: la griglia, la tipografia, le form, le tabelle ed i pulsanti. In questa lezione scoprirai come utilizzare questi elementi per realizzare strutture più...

4 commenti

Responsive design: come gestire layout, tipografia ed elementi multimediali?

responsive

Nella precedente lezione, abbiamo realizzato una pagina responsive attraverso la quale abbiamo analizzato il layout e le media queries offerte dal codice CSS3. La lezione di oggi è dedicata ai contenuti: le unità di misura, la tipografia, le immagini e...

22 commenti

Come posare un watermark su un’immagine con la libreria GD

watermark-GD

Nel precedente tutorial, abbiamo visto come creare i thumbnail delle immagini caricate. Ora vedremo come posare dinamicamente un watermark sull’immagine a dimensione reale. (altro…)

4 commenti

Quanti soldi ci vogliono per un chilo di sopportazione?

soldisopportazione

Il cliente non ha sempre ragione. Anzi, diciamo pure che quando si tratta di web design, difficilmente c’azzecca. Ma è lui che paga. E questo ci da la forza di ascoltarlo con buona educazione e buttare giù le numerose minchiate...

17 commenti

Corso di grafica web: gli schemi colore

corso-grafica2

La scorsa settimana siamo entrati nel “vivo” della progettazione grafica, con un piccolo accenno alla teoria del colore. Nella lezione di oggi e in quella della prossima settimana approfondiremo ulteriormente tutto ciò che riguarda l’utilizzo dei colori nella fase di...

16 commenti

Twitter Bootstrap: come implementare l’uso dei pulsanti?

twitter-just

Chiudiamo questa settimana la lezione numero 3 del corso sul Twitter Bootstrap. Ci siamo lasciati la scorsa volta con gli stili e le classi messe a disposizione dalla libreria per gestire le form. Vedrai oggi, invece, come utilizzare i pulsanti...

8 commenti

Come rendere trasparenti gli elementi con CSS3?

pillole-css3

La gestione della trasparenza è stata sempre una delle operazioni più noiose del web design, dato che non c'era un modo effettivo di applicarla agli elementi di un sito se non tramite immagini preparate ad hoc (filtri proprietari esclusi). Le...

13 commenti

Grafica web: la teoria del colore nel web design

corso-grafica

Adesso che sei un po' più ferrato sulla teoria della progettazione grafica, rivolgiamo la nostra attenzione verso un altro argomento, per certi versi molto più stimolante: in questa parte del nostro corso completo di grafica parleremo infatti di quell'affascinante universo...

18 commenti

Come creare le thumbnail con la libreria GD

thumbnail-GD

Nel precentente tutorial abbiamo visto come implementare la classe upload. In questo articolo vedremo come sviluppare la creazione delle miniature tramite il metodo createThumb, che avevamo commentato in quanto non ancora presente. Per farlo utilizzeremo la libreria GD. (altro…)

3 commenti

Come gestire l’alter ego del cliente (2/2)

alterego

Nella prima parte di questo articolo abbiamo parlato dell’alter ego del cliente, una figura talvolta sottovalutata con cui però sempre più spesso ci ritroviamo a dover fare i conti. (altro…)

7 commenti

Grafica web: atmosfera e coerenza grafica nei nostri layout

corso-grafica

Questa settimana concludiamo il primo "capitolo" del corso completo di grafica web: analizzando i concetti di atmosfera e coerenza grafica possiamo infatti chiudere la parentesi strettamente teorica per passare ad argomenti più pratici. Vediamo perciò cosa intendiamo con "atmosfera di...

17 commenti

Come progettare un layout web responsive con le media queries?

responsive

Dopo le prime due lezioni introduttive sul Responsive Web Design, oggi ci addentreremo nel codice CSS attraverso le nuove istruzioni messe a disposizione nella terza versione dei fogli di stile. In particolare vedremo come realizzare un semplice layout responsive utilizzando...

35 commenti