Archives

Types
Dates
  1. Running CSS animations only if both the device and the user allow it

    Thanks to Chrome release notes, I discovered today that there is an update media feature which accepts values fast, slow and print, to set styles depending on the ability of the device to update the rendering and the speed of it. As I'm already respecting the user's preference with the prefers-reduced-motion media feature, I wondered how I could progressively enhance this with the new media feature.

  2. Note from 7 April 2023

    Some things I wish people mentioned when writing about #Eleventy usage, moreover concerning assets bundling (Sass, JavaScript, etc.):

    • Does it run only once per asset, or once per template where the asset is used?
    • Does it run before or after HTML is generated?
    • Does it manage hashes for cache busting?

    This is really important for sites with many contents/pages, build speed, and site performance.