<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Andrea Baccolini | Web designer</title>
	<atom:link href="https://www.andreabaccolini.it/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.andreabaccolini.it/</link>
	<description>Sito portfolio e blog di Andrea Baccolini &#124; Web designer</description>
	<lastBuildDate>Thu, 09 Oct 2025 10:46:23 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>METODI PER AVERE COLONNE DI ALTEZZA UGUALE TRA LORO</title>
		<link>https://www.andreabaccolini.it/metodi-per-avere-colonne-di-altezza-uguale/</link>
					<comments>https://www.andreabaccolini.it/metodi-per-avere-colonne-di-altezza-uguale/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Fri, 01 Sep 2017 14:24:34 +0000</pubDate>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[display: table-cell;]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Float]]></category>
		<category><![CDATA[Grid]]></category>
		<category><![CDATA[Colonne]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Table-cell]]></category>
		<guid isPermaLink="false">https://www.andreabaccolini.it/?p=2409</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Mentre guardavo il nuovo sito web di un concorrente, ho visto che stavano usando il float e un elemento successivo per creare colonne di altezza uguale. ]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/metodi-per-avere-colonne-di-altezza-uguale/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>LE ESCLUSIONI CSS: RENDERE UN LAYOUT MENO NOIOSO</title>
		<link>https://www.andreabaccolini.it/le-esclusioni-css-rendere-un-layout-meno-noioso/</link>
					<comments>https://www.andreabaccolini.it/le-esclusioni-css-rendere-un-layout-meno-noioso/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Thu, 02 Feb 2017 10:40:45 +0000</pubDate>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Esclusioni]]></category>
		<category><![CDATA[esclusioni]]></category>
		<guid isPermaLink="false">https://www.andreabaccolini.it/?p=2268</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">In questo tutorial, ci accingiamo ad esplorare le "esclusioni" CSS. A prima vista, le "esclusioni" potrebbero essere simili alle "shapes" (forme) CSS in quanto avvolgono il contenuto di un elemento. ]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/le-esclusioni-css-rendere-un-layout-meno-noioso/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>LA TIPOGRAFIA FLUIDA 2°parte</title>
		<link>https://www.andreabaccolini.it/la-tipografia-fluida-2parte/</link>
					<comments>https://www.andreabaccolini.it/la-tipografia-fluida-2parte/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Wed, 18 May 2016 09:52:56 +0000</pubDate>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[testo fluido]]></category>
		<category><![CDATA[Tipografia fluida]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=2164</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Seconda parte dell'articolo, Analisi delle varie metodologie per ottenere una tipografia fluida, cioè adattare la dimensione del testo ad ogni tipo di dimensione del contenitore.Supporto per i vari tipi di browser.]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/la-tipografia-fluida-2parte/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>LA TIPOGRAFIA FLUIDA 1°parte</title>
		<link>https://www.andreabaccolini.it/la-tipografia-fluida-1parte/</link>
					<comments>https://www.andreabaccolini.it/la-tipografia-fluida-1parte/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Thu, 12 May 2016 09:13:55 +0000</pubDate>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[testo fluido]]></category>
		<category><![CDATA[Tipografia fluida]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=2105</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Analisi delle varie metodologie per ottenere una tipografia fluida, cioè asdattare la dimensione del testo ad ogni tipo di dimensione del contenitore. Supporto per i vari tipi di browser.]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/la-tipografia-fluida-1parte/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>VERTICAL ALIGN MIDDLE</title>
		<link>https://www.andreabaccolini.it/vertical-align-middle/</link>
					<comments>https://www.andreabaccolini.it/vertical-align-middle/#comments</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Mon, 30 Mar 2015 10:45:33 +0000</pubDate>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Vertical-align:middle]]></category>
		<category><![CDATA[Line-height]]></category>
		<category><![CDATA[Vetical-align]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=2000</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Allineamento verticale del testo dentro un contenitore tramite vari metodi. L' uso del line-heght per una riga di testo, e del vertical-align middle per più righe di testo. Il tutto con esempi di codice.]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/vertical-align-middle/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>WORDPRESS: ICONE ASSOCIATE AD OGNI CATEGORIA</title>
		<link>https://www.andreabaccolini.it/wordpress-icone-associata-ad-ogni-categoria/</link>
					<comments>https://www.andreabaccolini.it/wordpress-icone-associata-ad-ogni-categoria/#comments</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Fri, 14 Nov 2014 13:18:26 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[WORDPRESS]]></category>
		<category><![CDATA[Categorie]]></category>
		<category><![CDATA[icone]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=1963</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/02/wpphp-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="WordPress" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/02/wpphp-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/02/wpphp-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/02/wpphp.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Questo articolo spiega per i neofiti come mostrare icone differenti per ogni Categoria in Wordpress e come individuare l'id di una categoria nel pannello di controllo Articoli/Categorie.]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/wordpress-icone-associata-ad-ogni-categoria/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>COME FUNZIONA LO PSEUDO-SELETTORE NTH-CHILD</title>
		<link>https://www.andreabaccolini.it/come-funziona-nth-child/</link>
					<comments>https://www.andreabaccolini.it/come-funziona-nth-child/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Wed, 25 Jun 2014 08:15:24 +0000</pubDate>
				<category><![CDATA[:nth-child]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Pseudo selettori]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Selettore]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=1896</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Descrizione, spiegazione dell'utilizzo e compatibilità con i vai browser del pseudo-selettore css :nth-child. Articolo con vari esempi e link di utilizzo di questo selettore, Casi in cui usarlo e non.]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/come-funziona-nth-child/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>COME SELEZIONARE LA PRIMA RIGA DI TESTO IN HTML SOLO TRAMITE CSS.</title>
		<link>https://www.andreabaccolini.it/come-targettare-prima-riga-testo-in-html-tramite-css/</link>
					<comments>https://www.andreabaccolini.it/come-targettare-prima-riga-testo-in-html-tramite-css/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Thu, 22 May 2014 09:03:06 +0000</pubDate>
				<category><![CDATA[:first-line]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Selettore]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=1853</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">In questo post troverete il modo di selezionare solo la prima riga di testo usando il :first-line selettore CSS . Nota: Il selettore ":first-line" può essere utilizzata solo con gli elementi a livello...]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/come-targettare-prima-riga-testo-in-html-tramite-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>&#8220;DIV&#8221; CON 100% DI ALTEZZA DELLA FINESTRA DEL BROWSER SOLO MEDIANTE CSS</title>
		<link>https://www.andreabaccolini.it/come-fare-un-div-con-100-di-altezza-della-finestra-del-browser-solo-mediante-css/</link>
					<comments>https://www.andreabaccolini.it/come-fare-un-div-con-100-di-altezza-della-finestra-del-browser-solo-mediante-css/#comments</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Thu, 20 Mar 2014 10:54:24 +0000</pubDate>
				<category><![CDATA[100% altezza]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Altezza]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Height]]></category>
		<category><![CDATA[Viewport]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=1794</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">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...]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/come-fare-un-div-con-100-di-altezza-della-finestra-del-browser-solo-mediante-css/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>* { Box-sizing: Border-box } FTW</title>
		<link>https://www.andreabaccolini.it/box-sizing-border-box-ftw/</link>
					<comments>https://www.andreabaccolini.it/box-sizing-border-box-ftw/#respond</comments>
		
		<dc:creator><![CDATA[Andrea Baccolini]]></dc:creator>
		<pubDate>Mon, 17 Feb 2014 09:00:33 +0000</pubDate>
				<category><![CDATA[Box-sizing]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Selettore]]></category>
		<guid isPermaLink="false">http://www.andreabaccolini.it/?p=1763</guid>

					<description><![CDATA[<div style="width:150px; float:left; margin: 10px;"><img width="150" height="61" src="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg" class="attachment-rssimage size-rssimage wp-post-image" alt="CSS 3" decoding="async" srcset="https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-150x61.jpg 150w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey-299x123.jpg 299w, https://www.andreabaccolini.it/wp-content/uploads/2013/08/css3grey.jpg 645w" sizes="(max-width: 150px) 100vw, 150px" /></div><div style="float:left; width:510px; height:auto; padding-top:10px;">Uno dei miei casi preferiti, almeno su layout con i CSS, è il rapporto tra larghezza e padding. Ti sei occupato di definire le larghezze da abbinare alla tua griglia o proporzioni generali di colonna, poi si inizia ...]]></description>
		
					<wfw:commentRss>https://www.andreabaccolini.it/box-sizing-border-box-ftw/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Object Caching 0/182 objects using Redis
Page Caching using Disk: Enhanced 

Served from: www.andreabaccolini.it @ 2026-04-29 03:43:32 by W3 Total Cache
-->