Andrea Verlicchi's Blog
Hello! I'm Andrea and I wrote...
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.Read more →
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.Read more →
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:Read more →
PicturePolyfill 4 is out! Implementing responsive images in your site has never been so simple and fast.Read more →
It was recently released the SVGZR Grunt Plugin, which makes super-easy to implement SVG icons in your website, with automatic PNG fallback for older IE versions.Read more →
Today I released version 2 of picturePolyfill, the real
picture element polyfill.
On Friday, September 13th 2013, I spoke again about web design at the event WPDAY Bologna.Read more →
Ahoy, front-end pirates! Welcome to the Chapter 3 of the Making of The Secret of Front-end Island saga: the Rising Smoke.Read more →
Ahoy, front-end pirates! Welcome to the Chapter 2 of the Making of The Secret of Front-end Island saga: the Blowing Clouds.Read more →
Ahoy, front-end pirates! Welcome to the Chapter 1 of the Making of The Secret of Front-end Island saga: the Splashing Title.Read more →
Ahoy, front-end pirates! Today I’m starting a saga about the front-end development of the site of the 2012 edition of the From the Front conference which took place in Bologna, Italy on September the 20th.Read more →
Googling respond.js vs css3-mediaqueries.js I’ve found Techniques For Gracefully Degrading Media Queries, a Smashing Magazine post about Lewis Nyman which talks about how to apply the graceful degradation of media queries on browsers that don’t support them (IE 8, IE 7, IE 6).Read more →
On Saturday, November 24th 2012, I spoke again about web design at the event Wordcamp Bologna.Read more →
On Tuesday, October the 30st, 2012, at 18:30, I’m speaking again about when, why and how to use CSS 3 transitions and animations, and when and how to apply the fallback animation with jQuery.Read more →
I heard that Firefox 16 unprefixed CSS 3 transitions, animations and gradients, so I wanted to give it a try. In short, it’s true: starting from October 9th, no more -webkit- prefix in transition, animation, @keyframes and linear-gradient.Read more →
If you are a front-end developer and make mobile websites / mobile web apps, you know that debugging on mobile devices is a pain.Read more →