ANDREA BACCOLINI
Web designer

CSS Design Award nominated

Archivio categoria "CSS3" - 16 articoli

VERTICAL ALIGN MIDDLE

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 »

30.825 visite | Postato in CSS3, Vertical-align:middle | 2

COME FUNZIONA LO PSEUDO-SELETTORE NTH-CHILD

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 »

25.214 visite | Postato in CSS3, :nth-child, Pseudo selettori | 0

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

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 »

25.421 visite | Postato in CSS3, :first-line | 0

“DIV” CON 100% DI ALTEZZA DELLA FINESTRA DEL BROWSER SOLO MEDIANTE CSS

Autore: Andrea Baccolini

Mar
20
2014
CSS 3

Traduzione dell’articolo “How to Make Div Element 100% Height of Browser Window Using CSS Only” del blog “Stanislav Kostadinov.“

 
In questo post troverete il modo per far si che un elemento HTML riempia l’altezza di qualsiasi schermata con i CSS.

Ci sono molti modi per rendere l’altezza dei vostri elementi HTML alti esattamente come l’altezza della schermata del browser , indipendentemente dalla risoluzione dello schermo , il browser , dispositivo , ecc
Molte di queste opzioni utilizzano JavaScript per scoprire l’altezza della finestra .
Ma c’è un modo per farlo solo con il CSS puro .

Continua a leggere »

26.482 visite | Postato in CSS3, 100% altezza | 1

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


Fatal error: Uncaught ArgumentCountError: Too few arguments to function autoptimizeAttributeParser::rebuild(), 1 passed in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php on line 1238 and exactly 2 expected in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeAttributeParser.php:195 Stack trace: #0 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(1238): autoptimizeAttributeParser::rebuild() #1 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(966): autoptimizeImages->maybe_fix_missing_quotes() #2 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeImages.php(923): autoptimizeImages->add_lazyload() #3 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(353): autoptimizeImages->filter_lazyload_images() #4 /home1/andreaba/public_html/wp-includes/plugin.php(206): WP_Hook->apply_filters() #5 /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeMain.php(599): apply_filters() #6 [internal function]: autoptimizeMain->end_buffering() #7 /home1/andreaba/public_html/wp-includes/functions.php(5581): ob_end_flush() #8 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(353): wp_ob_end_flush_all() #9 /home1/andreaba/public_html/wp-includes/class-wp-hook.php(377): WP_Hook->apply_filters() #10 /home1/andreaba/public_html/wp-includes/plugin.php(523): WP_Hook->do_action() #11 /home1/andreaba/public_html/wp-includes/load.php(1308): do_action() #12 [internal function]: shutdown_action_hook() #13 {main} thrown in /home1/andreaba/public_html/wp-content/plugins/autoptimize/classes/autoptimizeAttributeParser.php on line 195