Andrea Verlicchi's Blog
Hello! I'm Andrea and I wrote...
Here I show you how you can CSS variables (or custom properties) them to scale your layout spaces across different media queries. The advantage: shorter, lighter, easier-to-maintain CSS files.
If you had to change the color of some fixed-positioned text based on the lightness of its scrolling background, how would you do that? CSS filters, blend modes? But what if you had to support all browsers, including Internet Explorer? Here are a couple of ways to do that using CSS
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
e On March 17th 2017 I spoke about responsive images, an HTML 5.1 standard at the CSS Day 2017 Conference in Faenza, Italy. The speech was on web performance, since using responsive images is a way to serve lighter images to smaller screens (and viceversa) and images optimization. I also took a sneak peek on how to generate the right size for your images in the cloud using a software as a service.
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.