Archivio per Novembre 2012 | Pagina di archivio mensile
Responsive design: come gestire layout, tipografia ed elementi multimediali?
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 i video.
Come posare un watermark su un’immagine con la libreria 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…)
Quanti soldi ci vogliono per un chilo di sopportazione?
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...
Corso di grafica web: gli schemi colore
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...
Twitter Bootstrap: come implementare l’uso dei pulsanti?
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...
Come rendere trasparenti gli elementi con 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...
Grafica web: la teoria del colore nel web design
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...
Come creare le thumbnail con la libreria 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…)
Come gestire l’alter ego del cliente (2/2)
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…)
Grafica web: atmosfera e coerenza grafica nei nostri layout
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...
Come progettare un layout web responsive con le media queries?
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...
Twitter Bootstrap: come implementare l’uso di form?
Eccoci alla terza lezione del corso sul Twitter Bootstrap. Abbiamo visto finora cos'è il Twitter Bootstrap e come utilizzare il suo potentissimo grid-system all'interno dei nostri progetti. Nella lezione di oggi ti spiegherò in dettaglio gli elementi HTML base e come...
Grafica web: dare enfasi agli elementi grafici
Nuovo appuntamento con il corso di grafica web. Siamo quasi giunti alla fine della prima parte del corso, quella più teorica e rivolta ai principi della progettazione grafica: dopo aver analizzato i principi di equilibrio e ritmo, è arrivato il...