Skip to main content
Andrea Verlicchi

Making the web faster and more user-friendly

Tagged “css”

  1. Critical CSS with Jekyll and SASS

    My blog used to be run by Jekyll on GitHub pages and its CSS was built using SASS. Today I decided to boost performance even more inlining the render-blocking critical CSS, but even searching the internet I struggled to find an easy way to do it. This post is for you, in case you want to do the same.

    Read more →
  2. Changing text color for contrast based on background lightness

    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 clip and clip-path.

    Read more →
  3. CSS 3 only spinning "loading" animation

    We used GIF images to create animations for years, but they aren't pretty to be used over gradients or pictures (no alpha channel, no anti-aliasing) of which modern web sites are full. There are many workarounds to animate PNG images instead, but...

    Read more →

See all tags.