<!doctype html>
<html lang="it-IT">
<head>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<link rel="icon" type="image/svg+xml" href="https://www.andrearufo.it/wp-content/themes/andrearufo/images/favicon.svg">

	
	<!-- This site is optimized with the Yoast SEO plugin v15.8 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Andrea Rufo, freelance full stack web developer personal portfolio</title><style id="rocket-critical-css">:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}@font-face{font-family:"remixicon";src:url(https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.eot?t=1587359857360);src:url(https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.eot?t=1587359857360#iefix) format('embedded-opentype'),url(https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.woff2?t=1587359857360) format("woff2"),url(https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.woff?t=1587359857360) format("woff"),url(https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.ttf?t=1587359857360) format('truetype'),url(https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.svg?t=1587359857360#remixicon) format('svg');font-display:swap}[class^="ri-"]{font-family:'remixicon'!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-moon-line:before{content:"\ef25"}.ri-sun-line:before{content:"\f155"}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#3fb0ac;--secondary:#6c757d;--success:#78e08f;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-ol:1600px;--breakpoint-wd:1740px;--font-family-sans-serif:"Inter",sans-serif;--font-family-monospace:"Fira Code",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}header,main,nav{display:block}body{margin:0;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.8;color:#2d3436;text-align:left;background-color:#fff}h1,h2{margin-top:0;margin-bottom:2rem}p{margin-top:0;margin-bottom:1.2rem}ul{margin-bottom:1rem}ul{margin-top:0}strong{font-weight:bolder}a{color:inherit;background-color:transparent}a{text-decoration:none}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}button{border-radius:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{overflow:visible}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2{font-weight:700;line-height:1.4}h1{font-size:2.4rem}h2{font-size:1.68rem}img{max-width:100%;height:auto}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-3,.col-12,.col-lg-8,.col-xl-1{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-3{flex:0 0 25%;max-width:25%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:992px){.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-2{order:2}}@media (min-width:1200px){.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}}.btn{display:inline-block;font-weight:400;color:#2d3436;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.5rem 4rem;font-size:1.2rem;line-height:1.8;border-radius:.25rem}.btn-link{font-weight:400;color:inherit;text-decoration:none}.btn-group{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.border-left{border-left:1px solid #dee2e6!important}.d-none{display:none!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}#cookie #cookie-wrapper{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.pr-1{padding-right:.5rem!important}header #logo #breadcrumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-center{text-align:center!important}@media (min-width:992px){.text-lg-right{text-align:right!important}}#comments #respond #commentform .comment-form-author{grid-area:nome}#comments #respond #commentform .comment-form-email{grid-area:email}#comments #respond #commentform .comment-form-url{grid-area:sito}#comments #respond #commentform .comment-form-comment{grid-area:messaggio}#comments #respond #commentform .comment-notes{grid-area:note}#comments #respond #commentform .form-submit{grid-area:submit}body,html{min-height:100%;font-weight:300;overflow-x:hidden}#nav,body{min-height:100%}*{outline:none!important}h1,h2{margin-top:6rem;margin-bottom:2rem}a{border-bottom:2px solid #3fb0ac}strong{font-weight:600}main{padding-top:4rem;padding-bottom:4rem}.page .article-content>h2:first-of-type{display:inline;font-weight:700;font-size:2.4rem;line-height:1.4;margin-top:6rem;margin-bottom:2rem;background:linear-gradient(0deg,#a8e0de,#a8e0de 35%,rgba(168,224,222,0) 0,rgba(168,224,222,0))}@media (min-width:992px){.page .article-content>h2:first-of-type{margin-bottom:4rem;font-size:3.6rem}}.page .article-content>h2:first-of-type:after,.page .article-content>h2:first-of-type:before{content:"";display:block}.page .article-content>h2:first-of-type:before{margin-top:6rem}.page .article-content>h2:first-of-type:after{margin-bottom:4rem}#cookie{display:none;position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:#212529;color:#dee2e6;max-width:90%;z-index:1060;font-size:.72rem}#cookie #cookie-wrapper{display:flex;flex-direction:row;padding:.6rem 0}#cookie #cookie-wrapper #cookie-content,#cookie #cookie-wrapper #cookie-ok{padding:0 .6rem}@media (min-width:992px){#cookie #cookie-wrapper #cookie-content,#cookie #cookie-wrapper #cookie-ok{padding:0 2rem}}#cookie #cookie-wrapper #cookie-content{border-right:1px solid #dee2e6}#cookie #cookie-wrapper #cookie-ok{border:0;background:none;color:inherit}.vertical{display:none;position:fixed;top:30%}@media (min-width:992px){.vertical{display:block}}.vertical.vertical-gotocontatti{right:2rem;transform:rotate(180deg)}.vertical a{display:block;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;color:#6c757d;font-size:.96rem;font-weight:200;text-transform:uppercase;border-bottom:0}header{position:relative;z-index:19}header #logo{position:relative;display:flex;flex-flow:row nowrap;flex-wrap:wrap;justify-content:center;align-items:flex-end;padding-top:4rem;padding-bottom:4rem}@media (min-width:992px){header #logo{justify-content:flex-start}}header #logo a#logo-icon{display:inline-block;position:relative;border-bottom:0}header #logo a#logo-icon svg{height:30px}header #logo a#logo-icon svg path{fill:#3fb0ac}header #logo a#logo-icon #logo-icon-ita{display:none!important;position:absolute;bottom:-10px;left:0;width:100%;display:flex;flex-direction:row}header #logo a#logo-icon #logo-icon-ita span{height:3px;width:33.33%;display:flex;flex:1}header #logo a#logo-icon #logo-icon-ita span.r{background-color:#c0392b}header #logo a#logo-icon #logo-icon-ita span.b{background-color:#ecf0f1}header #logo a#logo-icon #logo-icon-ita span.v{background-color:#16a085}header #logo #breadcrumbs{display:none;color:#6c757d;font-weight:300;font-size:1.2rem;margin:0;padding:0}@media (min-width:1200px){header #logo #breadcrumbs{display:block}}header .col-theme .btn{padding:.5rem 1rem}header .col-hamburger{padding-top:4rem;padding-bottom:4rem;text-align:right}header .col-hamburger #hamburger{display:inline-block;overflow:visible}header .col-hamburger #hamburger .hamburger-box{position:relative;z-index:999;display:inline-block;width:30px;height:20px}header .col-hamburger #hamburger .hamburger-box span{content:"";position:absolute;width:30px;height:2px;background-color:#3fb0ac;display:block}header .col-hamburger #hamburger .hamburger-box span:first-child{top:0}header .col-hamburger #hamburger .hamburger-box span:nth-child(2){bottom:45%;left:0}header .col-hamburger #hamburger .hamburger-box span:nth-child(3){bottom:0}#nav{opacity:0}#nav{visibility:hidden;text-align:center;overflow-y:auto;overflow-x:hidden;position:fixed;left:0;width:100%;top:0;height:100%;background:#3fb0ac;z-index:9;display:flex;justify-content:center;align-items:center;padding-top:5rem;-ms-overflow-style:none}#nav::-webkit-scrollbar{display:none}#nav ul{list-style:none;margin:0;padding:0}@media screen and (max-height:520px){#nav ul>li{display:inline-block}}#nav ul>li a{display:block;border:none;line-height:2.6;color:#fff;opacity:.8;padding:0 1rem;border-bottom:0}main .container{position:relative}.home #home-portfolio article .home-portfolio-thumbnail a img{position:absolute;top:1rem;left:1rem;height:110%;width:auto;max-width:none}</style><link rel="preload" href="https://www.andrearufo.it/wp-content/cache/min/1/b1a2c8880663943db6cdf20c7ceec088.css" data-rocket-async="style" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all" data-minify="1" />
	<meta name="description" content="Sito web e portofolio di Andrea Rufo, full stack web developer. Programmazione di siti web e applicazioni. Specializzato in WordPress, Laravel e webdesign." />
	<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<link rel="canonical" href="https://www.andrearufo.it/" />
	<meta property="og:locale" content="it_IT" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Andrea Rufo, full stack web developer" />
	<meta property="og:description" content="Sono Andrea Rufo e sono un full stack web developer. Vuol dire che mi occupo di programmazione di siti web e applicazioni. Per lo più su piattaforma Wordpress e Laravel." />
	<meta property="og:url" content="https://www.andrearufo.it/" />
	<meta property="og:site_name" content="Andrea Rufo, freelance full stack web developer" />
	<meta property="article:publisher" content="https://www.facebook.com/andrearufo" />
	<meta property="article:modified_time" content="2021-02-13T21:06:21+00:00" />
	<meta property="og:image" content="https://www.andrearufo.it/wp-content/uploads/2019/11/facebook-cover.png" />
	<meta property="og:image:width" content="1200" />
	<meta property="og:image:height" content="630" />
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:site" content="@andrearufo" />
	<meta name="twitter:label1" content="Tempo di lettura stimato">
	<meta name="twitter:data1" content="1 minuto">
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://www.andrearufo.it/#/schema/person/da6d27df8335c3500291f41e1ea2418a","name":"Andrea Rufo","image":{"@type":"ImageObject","@id":"https://www.andrearufo.it/#personlogo","inLanguage":"it-IT","url":"https://www.andrearufo.it/wp-content/uploads/2018/09/avatar.jpg","width":892,"height":892,"caption":"Andrea Rufo"},"logo":{"@id":"https://www.andrearufo.it/#personlogo"},"description":"Ciao, sono Andrea Rufo e sono un web developer italiano. Sono l'autore di questo articolo, felice di averti qui!","sameAs":["https://www.andrearufo.it","https://www.facebook.com/andrearufo","https://www.instagram.com/andrearufo/","https://www.linkedin.com/in/andrearufo/","https://twitter.com/andrearufo","https://www.youtube.com/c/andrearufo"]},{"@type":"WebSite","@id":"https://www.andrearufo.it/#website","url":"https://www.andrearufo.it/","name":"Andrea Rufo, freelance full stack web developer","description":"sviluppo web da freelance","publisher":{"@id":"https://www.andrearufo.it/#/schema/person/da6d27df8335c3500291f41e1ea2418a"},"potentialAction":[{"@type":"SearchAction","target":"https://www.andrearufo.it/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https://www.andrearufo.it/#webpage","url":"https://www.andrearufo.it/","name":"Andrea Rufo, freelance full stack web developer personal portfolio","isPartOf":{"@id":"https://www.andrearufo.it/#website"},"about":{"@id":"https://www.andrearufo.it/#/schema/person/da6d27df8335c3500291f41e1ea2418a"},"datePublished":"2017-10-05T05:26:29+00:00","dateModified":"2021-02-13T21:06:21+00:00","description":"Sito web e portofolio di Andrea Rufo, full stack web developer. Programmazione di siti web e applicazioni. Specializzato in WordPress, Laravel e webdesign.","breadcrumb":{"@id":"https://www.andrearufo.it/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https://www.andrearufo.it/"]}]},{"@type":"BreadcrumbList","@id":"https://www.andrearufo.it/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://www.andrearufo.it/","url":"https://www.andrearufo.it/","name":"Home"}}]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="Andrea Rufo, freelance full stack web developer &raquo; Feed" href="https://www.andrearufo.it/feed/" />
<link rel="alternate" type="application/rss+xml" title="Andrea Rufo, freelance full stack web developer &raquo; Feed dei commenti" href="https://www.andrearufo.it/comments/feed/" />
<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	



<script type='text/javascript' src='https://www.andrearufo.it/wp-includes/js/jquery/jquery.min.js?ver=3.5.1' id='jquery-core-js'></script>

<script data-no-minify="1" type='text/javascript' src='https://www.andrearufo.it/wp-content/cache/busting/1/gtm-8e1723f4ce1f620186a11347871fe844.js' id='google_gtagjs-js' async></script>
<script type='text/javascript' id='google_gtagjs-js-after'>
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "UA-4918423-11", {"anonymize_ip":true});
</script>
<link rel="https://api.w.org/" href="https://www.andrearufo.it/wp-json/" /><link rel="alternate" type="application/json" href="https://www.andrearufo.it/wp-json/wp/v2/pages/33" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.andrearufo.it/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.andrearufo.it/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.6.1" />
<link rel='shortlink' href='https://www.andrearufo.it/' />
<link rel="alternate" type="application/json+oembed" href="https://www.andrearufo.it/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.andrearufo.it%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.andrearufo.it/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.andrearufo.it%2F&#038;format=xml" />
<meta name="generator" content="Site Kit by Google 1.26.0" /><style type="text/css">.broken_link, a.broken_link {
	text-decoration: line-through;
}</style><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><script>
/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
(function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}}
var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=!1}
return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){link.media=finalMedia}
if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)}
setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return}
var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i++){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",!0);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}}
if(typeof exports!=="undefined"){exports.loadCSS=loadCSS}
else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this))
</script>
</head>
<body data-rsssl=1 class="home page-template-default page page-id-33">

	<div id="cursor"></div>

	<div id="cookie">
		<div id="cookie-wrapper">
			<div id="cookie-content">
				<i class="ri-spam-line pr-1"></i>
				Questo sito <em>potrebbe</em> usare dei cookie
			</div>
			<button id="cookie-ok">Ok</button>
		</div>
	</div>

	
			<div class="vertical vertical-gotocontatti">
			<a href="https://www.andrearufo.it/contatti/">
				Contattami --->
			</a>
		</div>
	
	<div id="background"></div>

    <header>
        <div class="container">

			<div class="row align-items-center justify-content-between">
				<div class="col-3 col-theme order-lg-2 text-left text-lg-right">

					<div class="btn-group" role="group">
						<button type="button" class="btn btn-link" id="theme-light">
							<i class="ri-sun-line"></i>
						</button>
						<button type="button" class="btn btn-link border-left" id="theme-dark">
							<i class="ri-moon-line"></i>
						</button>
					</div>

				</div>
				<div class="col col-logo order-lg-first">

					<div id="logo">
						<a id="logo-icon" href="https://www.andrearufo.it/">
							<span><svg version="1.1" id="ar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 358 222" style="enable-background:new 0 0 358 222;" xml:space="preserve">
    <path id="r" d="M207.2,222V-0.1h56.4c17.9,0,32,1.4,42.5,4.2c10.4,2.8,19.2,7.1,26.1,12.9c7,5.8,12.6,12.5,16.9,20.2
        c5.8,10.5,8.6,21.8,8.6,33.7c0,11.1-2.4,21.7-7.2,31.6c-4.8,9.9-12.3,18.1-22.4,24.7c-10.2,6.5-22.3,10.5-36.3,12l62.7,82.8h-28
        l-75.3-100.5c17-0.1,28-0.3,33-0.7c8.3-0.7,15.1-2,20.3-4c5.2-2,10.3-5.2,15.2-9.5c4.9-4.3,8.8-9.8,11.6-16.3
        c2.8-6.5,4.2-13.1,4.2-19.8c0-8.3-1.9-16-5.7-23.2s-8.6-12.8-14.5-16.9c-4.2-3-10.3-5.6-18.2-7.7c-7.9-2.1-17.6-3.1-29.2-3.1h-38.7
        V222H207.2z"/>
    <path id="a" d="M26,222H0.2L154.4,8.7h29.2l-92.7,127h96.5V222h-22v-66.8L76.2,155L26,222z"/>
</svg>
</span>
							<span id="logo-icon-ita">
								<span class="v"></span>
								<span class="b"></span>
								<span class="r"></span>
							</span>
						</a>

													<div id="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
								<!-- Breadcrumb NavXT 6.6.0 -->
							</div>
						
					</div>

				</div>
				<div class="col-xl-1 col-3 col-hamburger order-lg-last text-center text-lg-right">

					<div id="hamburger">
						<div class="hamburger-box">
							<span></span>
							<span></span>
							<span></span>
						</div>
					</div>

				</div>
            </div>

        </div>
    </header>

	<nav id="nav">
		<div class="container">

			<div class="row align-items-center justify-content-between">
				<div class="col-12">

					<div class="menu-primario-container"><ul id="menu-primario" class="menu"><li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-33 current_page_item menu-item-42"><a href="https://www.andrearufo.it/" aria-current="page">Home</a></li>
<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="https://www.andrearufo.it/informazioni/">Informazioni</a></li>
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="https://www.andrearufo.it/curriculum/">Curriculum</a></li>
<li id="menu-item-658" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-658"><a href="https://www.andrearufo.it/portfolio/">Portfolio</a></li>
<li id="menu-item-348" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-348"><a href="https://www.andrearufo.it/labs/">Labs</a></li>
<li id="menu-item-319" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-319"><a href="https://www.andrearufo.it/articoli/">Articoli</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://www.andrearufo.it/contatti/">Contattami</a></li>
</ul></div>
				</div>
			</div>

		</div>
	</nav>


    <main class="post-33 page type-page status-publish hentry">
        <div class="container">

            <div class="row align-items-end">
                                <div class="col-lg-8 col-12">

                    <h1 class="d-none">Salve!</h1>

                    
                        <div class="article-content">
                            
<h2>Hey! Ciao, io sono <br>Andrea Rufo 🖖</h2>



<p>Sono un <a href="https://www.andrearufo.it/informazioni/">full stack web developer</a>. Il che è solo una maniera un po&#8217; più complicata e <em>cool</em> per dire che sono uno sviluppatore e mi occupo di programmazione di <strong>siti web</strong> e <strong>applicazioni</strong>. </p>



<p>Per lo più su piattaforma <strong>WordPress</strong>, <strong>Vue.js</strong> e <strong>Laravel</strong>.</p>



<p>Adoro SCSS, Bootstrap e Gulp, Vue.js e jQuery.<br>Ma ovviamente anche PHP, MySQL, CSS, LESS, HTML, Lodash, SQLite e Javascript.</p>



<p>Vivo e lavoro tra Sermoneta, Latina, Roma e Pisa. Ho avuto la fortuna di collaborare con con molte agenzie, aziende e professionisti in tutta Italia ed Europa.</p>



<p>Nel 2021 ho fondato il mio <strong><a href="https://axio.studio/" target="_blank" rel="noreferrer noopener">Axio Studio</a></strong> e offro servizi di progettazione, programmazione e consulenza di alto livello. Attualmente lavoro a diversi progetti e collaboro con&nbsp;<a href="https://www.mandarinoadv.com">Mandarino Adv</a> come <strong>Senior Web Developer </strong>e<strong> Senior WordPress Developer</strong> e con Sinergica (del <a rel="noreferrer noopener" href="http://www.unit-group.it/" target="_blank">Gruppo Unit</a>) come <strong>Product Design Lead</strong>.</p>
                        </div>

                    
                </div>
            </div>

        </div>
    </main>



    <section id="home-portfolio">
        <div class="container">

            <div class="home-section-header">
                <div class="row justify-content-between align-items-end">
                    <div class="col-lg-6">

                        <h3>Uno degli ultimi lavori</h3>

                    </div>
                    <div class="col-lg-6 text-lg-right">

                        <a class="home-section-goto" href="https://www.andrearufo.it/portfolio/">Vai al portfolio ---></a>

                    </div>
                </div>
            </div>

                            <article class="class="post-663 portfolio type-portfolio status-publish has-post-thumbnail hentry"">

                    <div class="row justify-content-between align-items-end">
                        <div class="col-lg-7">

                            <div class="home-portfolio-info">
                                <div class="home-portfolio-info-anno">2020</div>
                                <div class="home-portfolio-info-title">Pernod Ricard Italia Experience</div>
                                <div class="home-portfolio-info-posizione">per <a target="_blank" href="http://www.orangedropdesign.com/">Orange Drop Design</a> con <a target="_blank" href="https://www.iamabean.com/">I Am A Bean</a></div>
                                <div class="home-portfolio-info-link">
                                    <a href="https://www.andrearufo.it/portfolio/pernod-ricard-italia-experience/">prexperience.it</a>
                                </div>
                                <div class="home-portfolio-info-excerpt">
                                    <p>Pernod Ricard è un importante gruppo internazionale che si occupa della distribuzione di alcuni dei migliori e più prestigiosi band del beverage mondiale. Il sito P.R.Experience è il sito dedicato ai bartender, locali e grossisti del settore. Presenta prodotti e servizi esclusivi e un&#8217;area riservata con informazioni e materiali dedicati. Il sito è basato su WordPress e ne sfrutta le…</p>
                                </div>
                            </div>

                        </div>
                        <div class="col-lg-5">

                            <div class="home-portfolio-thumbnail">
                                <a href="https://www.andrearufo.it/portfolio/pernod-ricard-italia-experience/">
                                    <img width="1200" height="763" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20763'%3E%3C/svg%3E" class="attachment-1200 size-1200 wp-post-image" alt="" data-lazy-srcset="https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience.png 1200w, https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience-300x191.png 300w, https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience-1024x651.png 1024w, https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience-768x488.png 768w" data-lazy-sizes="(max-width: 1200px) 100vw, 1200px" data-lazy-src="https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience.png" /><noscript><img width="1200" height="763" src="https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience.png" class="attachment-1200 size-1200 wp-post-image" alt="" srcset="https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience.png 1200w, https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience-300x191.png 300w, https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience-1024x651.png 1024w, https://www.andrearufo.it/wp-content/uploads/2020/07/prexperience-768x488.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></noscript>                                </a>
                            </div>

                        </div>
                    </div>

                </article>
            
        </div>
    </section>

    

    <section id="home-blog">
        <div class="container">

            <div class="home-section-header">
                <div class="row justify-content-between align-items-end">
                    <div class="col-lg-6">

                        <h3>E invece negli articoli...</h3>

                    </div>
                    <div class="col-lg-6 text-lg-right">

                        <a class="home-section-goto" href="https://www.andrearufo.it/articoli/">Vai agli articoli ---></a>

                    </div>
                </div>
            </div>

            <div class="row justify-content-between">
                
                    <div class="col-lg-6">
                        <article class="class="post-828 post type-post status-publish format-standard has-post-thumbnail hentry category-articoli"">

                            
                                <div class="article-thumbnail">
                                    <a href="https://www.andrearufo.it/2021/01/15/cose-che-vorrei-fare-nel-2021/">
                                        <picture class="attachment-800x600 size-800x600 wp-post-image">
<source type="image/webp" data-lazy-srcset="https://www.andrearufo.it/wp-content/uploads/2021/02/andrearufo2021-800x600.jpg.webp" srcset="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20800%20600&#039;%3E%3C/svg%3E"/>
<img width="800" height="600" src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20800%20600&#039;%3E%3C/svg%3E" alt="" data-lazy-src="https://www.andrearufo.it/wp-content/uploads/2021/02/andrearufo2021-800x600.jpg"/>
</picture>
<noscript><picture class="attachment-800x600 size-800x600 wp-post-image">
<source type="image/webp" srcset="https://www.andrearufo.it/wp-content/uploads/2021/02/andrearufo2021-800x600.jpg.webp"/>
<img width="800" height="600" src="https://www.andrearufo.it/wp-content/uploads/2021/02/andrearufo2021-800x600.jpg" alt=""/>
</picture>
</noscript>                                    </a>
                                </div>

                            
                            <div class="row align-items-center">
                                <div class="col-9">

                                    <div class="article-date">
                                        15 Gen 2021                                    </div>

                                </div>
                                <div class="col-3 text-right">

                                    <div class="article-comments">
                                        <i class="ri-chat-4-fill"></i>
                                        <span>0</span>
                                    </div>

                                </div>
                            </div>

                            <div class="article-title">
                                <a href="https://www.andrearufo.it/2021/01/15/cose-che-vorrei-fare-nel-2021/">
                                    <h3><span>Cose che vorrei fare nel 2021</span></h3>                                </a>
                            </div>

                        </article>
                    </div>

                
                    <div class="col-lg-6">
                        <article class="class="post-765 post type-post status-publish format-standard has-post-thumbnail hentry category-articoli tag-compilare tag-gulp tag-scss tag-tutorial tag-bootstrap"">

                            
                                <div class="article-thumbnail">
                                    <a href="https://www.andrearufo.it/2020/10/29/come-si-usa-bootstrap-compilarlo-e-includerlo-nel-progetto/">
                                        <img width="800" height="600" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" class="attachment-800x600 size-800x600 wp-post-image" alt="" data-lazy-src="https://www.andrearufo.it/wp-content/uploads/2020/10/scss-bootstrap-800x600.jpg" /><noscript><img width="800" height="600" src="https://www.andrearufo.it/wp-content/uploads/2020/10/scss-bootstrap-800x600.jpg" class="attachment-800x600 size-800x600 wp-post-image" alt="" /></noscript>                                    </a>
                                </div>

                            
                            <div class="row align-items-center">
                                <div class="col-9">

                                    <div class="article-date">
                                        29 Ott 2020                                    </div>

                                </div>
                                <div class="col-3 text-right">

                                    <div class="article-comments">
                                        <i class="ri-chat-4-fill"></i>
                                        <span>3</span>
                                    </div>

                                </div>
                            </div>

                            <div class="article-title">
                                <a href="https://www.andrearufo.it/2020/10/29/come-si-usa-bootstrap-compilarlo-e-includerlo-nel-progetto/">
                                    <h3><span>Come si usa Bootstrap, compilarlo e includerlo nel progetto</span></h3>                                </a>
                            </div>

                        </article>
                    </div>

                            </div>

        </div>
    </section>

    
<footer id="footer">
	<div class="container">

		<div class="row justify-content-between">
			<!-- <div class="col-lg-4">

				<div class="footer-item">
					<div class="footer-item-title">
						Ragione sociale
					</div>
					<div class="footer-item-content">
						Orange Drop Design di Andrea Rufo <br>
						Via Piazza Lunga, 3 - 04013 Sermoneta (LT) <br>
						C.F. RFUNDR87L08L120Z / P.I. 02662450598 <br>
						<em>Professionista Web ai sensi della legge 4/2013</em>
					</div>
				</div>

			</div> -->
			<div class="col-lg-3">

				<div class="footer-item">
					<div class="footer-item-title">
						Contatti
					</div>
					<div class="footer-item-content">
						<ul>
							<li><a target="_blank" href="mailto:&#105;&#110;&#102;&#111;&#064;&#097;&#110;&#100;&#114;&#101;&#097;&#114;&#117;&#102;&#111;&#046;&#105;&#116;">&#105;&#110;&#102;&#111;&#064;&#097;&#110;&#100;&#114;&#101;&#097;&#114;&#117;&#102;&#111;&#046;&#105;&#116;</a></li>
							<li><a target="_blank" href="tel:+393386213493">+39 338 62 13 493</a></li>
						</ul>
					</div>
				</div>

			</div>
			<div class="col-lg-4">

				<div class="footer-item">
					<div class="footer-item-title">
						Socials
					</div>
					<div class="footer-item-content">
												<ul>
															<li><a target="_blank" href="https://twitter.com/@andrearufo">twitter</a></li>
															<li><a target="_blank" href="https://www.linkedin.com/in/andrearufo/">linkedin</a></li>
															<li><a target="_blank" href="https://www.instagram.com/andrearufo/">instagram</a></li>
															<li><a target="_blank" href="https://github.com/andrearufo">github</a></li>
															<li><a target="_blank" href="https://www.youtube.com/c/andrearufo">youtube</a></li>
													</ul>
					</div>
				</div>

			</div>
			<div class="col-lg text-lg-right">

				<div class="footer-item">
					<div class="footer-item-content">
						<a href="https://www.iubenda.com/privacy-policy/867456" class="iubenda-black iubenda-embed" title="Privacy Policy ">Privacy Policy</a>
						
					</div>

					<div class="footer-item-content">
						Tutti i marchi riportati appartengono ai legittimi proprietari; marchi di terzi, nomi di prodotti, nomi commerciali, nomi corporativi e società citati possono essere marchi di proprietà dei rispettivi titolari o marchi registrati d’altre società e vengono utilizzati a puro scopo esplicativo ed a beneficio del possessore, senza alcun fine di violazione dei diritti di Copyright vigenti.
					</div>
				</div>

			</div>
		</div>

	</div>
</footer>



<script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.andrearufo.it/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script>
<script>"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script src="https://www.andrearufo.it/wp-content/cache/min/1/c8a33b6612a0fb0cdce370479e89b255.js" data-minify="1" defer></script><noscript><link rel="stylesheet" href="https://www.andrearufo.it/wp-content/cache/min/1/b1a2c8880663943db6cdf20c7ceec088.css" media="all" data-minify="1" /></noscript></body>
</html>

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1613682496 -->