ANDREA BACCOLINI
Web designer

CSS Design Award nominated

VERTICAL ALIGN MIDDLE

Argomenti: ,

Autore: Andrea Baccolini

Mar
30
2015
CSS 3

Traduzione dell’articolo “Vertical Align Middle” del blog “CSS STARS.

 
IL VERTICAL ALIGN MIDDLE E’ DIFFICILE?

Quando sviluppiamo delle pagine web, dovremo allineare il testo a metà del div orizzontalmente o verticalmente.
La centratura orizzontale è facile, se usiamo il “text-align: center” per l’elemento principale.
Ma di solito centrare verticalmente il testo è un problema per gli sviluppatori.

Continua a leggere »

WORDPRESS: ICONE ASSOCIATE AD OGNI CATEGORIA

Argomenti: , , ,

Autore: Andrea Baccolini

Nov
14
2014
WordPress



Avevo la necessità di utilizzare le icone per ogni categoria in un sito su WordPress, come un indizio visivo per aiutare le persone a identificare i contenuti nella homepage. Fortunatamente questo è abbastanza facile da realizzare in WordPress poichè ogni categoria ha il proprio numero ID che possiamo utilizzare per visualizzare le immagini.

Continua a leggere »

COME FUNZIONA LO PSEUDO-SELETTORE NTH-CHILD

Argomenti: ,

Autore: Andrea Baccolini

Giu
25
2014
CSS 3

Traduzione dell’articolo “How nth-child Works” del blog “CSS TRICKS.

 
C’è un selettore CSS, ovvero un pseudo-selettore, denominato nth-child. Ecco un esempio di utilizzo:

ul li:nth-child(3n+3) {  
  color: #ccc;
}

Quello che fa il CSS di cui sopra, è selezionare ogni terzo elemento dell’elenco all’interno di liste non ordinate. Cioè, il 3 °, 6 °, 9 °, 12 °, ecc Ma come funziona? E quali altri tipi di cose ci si può fare con nth-child? Diamo uno sguardo.

Continua a leggere »

COME SELEZIONARE LA PRIMA RIGA DI TESTO IN HTML SOLO TRAMITE CSS.

Argomenti: ,

Autore: Andrea Baccolini

Mag
22
2014
CSS 3

Traduzione dell’articolo “How to Target First Line of Text in HTML Using CSS Only” del blog “Stanislav Kostadinov.” e dell’articolo ::first-line del blog “CSS TRICKS

 
In questo post troverete il modo di selezionare e modificare solo la prima riga di testo usando il selettore CSS :first-line.

Nota: Il selettore “:first-line” può essere utilizzato solo con gli elementi a livello di blocco.

Se avete bisogno di indirizzare solo la prima riga di testo in HTML, è possibile utilizzare il selettore :first-line.

Continua a leggere »

Andrea Baccolini | Web designer Copyright 2012 - 2024 © Responsive design - Seguimi su Facebook - CF:BCCNDR76P08D325K.