Tutorial

Category: Tutorial

Tutorial e risorse utili: in questa categoria sono presenti in gran parte le news della settimana di blographik.

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

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

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

Tutorial · Web Design

6 suggerimenti per apprendere e ottimizzare l’uso dei css

Consigli per web designer che hanno sviluppato le loro conoscenze di base utilizzando tabelle in html ed hanno deciso di passare allo sviluppo siti utilizzando solo css.

Il tema trattato in questo articolo sarà pubblicato in più giorni e riguarda alcuni semplici suggerimenti utili per iniziare a lavorare con i css (Cascading Style Sheets).

Continua a leggere

Adobe · Fotoritocco · Grafica · Tutorial

Creare una GIF con sfondo trasparente

Breve tutorial per la creazione di un’immagine con trasparenza utilizzando le funzioni di photoshop, il più diffuso programma per la grafica ed il fotoritocco della Adobe.

Iniziamo selezionando un’immagine dalla quale vogliamo rimuovere lo sfondo e renderlo trasparente, per comodità ho selezionato una foto con sfondo nero.

Continua a leggere

Adobe · Grafica vettoriale · Software · Tutorial

Funzioni Illustrator: ridimensionamento uniforme

Ridimensionare sia l’oggetto che la traccia in modo uniforme in illustrator.

Nella realizzazione di lavori con il programma di grafica vettoriale della Adobe (loghi, brochure, etc.) potrebbe accadere che nel ridimensionare un oggetto, la traccia di quest’ultimo non venga modificata in maniera proporzionale, rimanendo troppo spessa.

Vediamo come risolvere il problema.

Continua a leggere

Risorse Utili · Tutorial

Realizzare una favicon

Tool on line per realizzare ed aggiungere facilmente una favicon (favorites icon) al proprio sito.

Blographik.it non poteva farsi mancare la propria favicon.

Continua a leggere

Adobe · Fotoritocco · Tutorial

Tutorial Photoshop: personalizzare il tuo desktop

Questo semplice tutorial vi permetterà di trasformare una singola foto in qualcosa di grande effetto che assomiglia al montaggio di più immagini e che potrete poi utilizzare anche come uno sfondo del desktop personalizzato.

Continua a leggere

Adobe · Fotoritocco · Tutorial

Funzioni di Photoshop 1: i livelli di riempimento

Come utilizzare alcune utili funzioni in photoshop: i livelli di riempimento o regolazione.

Uno di questi è il comando con il quale creare livelli di riempimento o di regolazione.

Un livello di regolazione è solitamente utilizzato per una prova momentanea che modifica l’estetica dell’immagine ma non l’immagine stessa.

Per fare un esempio un pò più pratico, abbiamo lo stesso effetto di un filtro messo davanti ad una foto.

Continua a leggere

Adobe · Grafica · Tutorial

Tutorial Photoshop: creare un pulsante di un player 3

Adesso creiamo la parte che darà l’effetto vetro.
Creiamo una selezione circolare uguale alla nostra sfera iniziale e riempiamola di un colore a piacere, poi portiamo il livello appena creato dietro al blu e davanti al grigio e applichiamogli un effetto bagliore interno come abbiamo fatto all’inizio per la sfera.

Continua a leggere