Andrea Verlicchi's Blog
Hello! I'm Andrea and I wrote...
I’m currently in Warsaw, Poland, attending the 2017 edition of the Front-Trends conference. You can find my personal notes on Github.
It’s official. Responsive images are a W3C recommendation since November 2016, featuring the brand new
picture tag and new attributes for the
On March 17th 2017 I will speak about responsive images, an HTML 5.1 standard at the CSS Day 2017 Conference in Faenza, Italy. The speech will be on web performance, because using responsive images is a way to serve lighter images to smaller screens (and viceversa).
On October 6th 2016 I spoke about 5 tips to code accessible e-commerce websites at the Fronteers Conference 2016 Jam Session in Amsterdam. Here are my slides. Video coming soon. Maybe also a blog post :)
Say you have a responsive website layout where images are sized at 100% of the container, but the container is not always as wide as the viewport. Do we need to use the
picture tag, or the
img tag is enough? The
img tag can do it, using its
srcset attributes. Here’s how.
On Tuesday, 22nd September 2015 the first YOOXlabs tech event took place in Bologna, Italy and I spoke about agile CSS development using SASS and Compass.
Spriting is a way to improve performance in your website by putting many images (or icons) in a single larger image, in order to make a single HTTP request instead of many. Here’s how you can do sprites using Compass.
In the latest days I’ve been working on websites performance optimization and I realized that there is no way to take advantage of the progressive JPEG image format on websites if you’re using jQuery_lazyload. So after sending a pull request to its author, I decided to write my own lazy load, which turned out to be better, because: