Archives

Types
Dates
  1. Note from 27 January 2023

    I have a client site with a header that is hidden when the user scrolls down, but shown again when the user scrolls up, which seems pretty comon nowadays.

    This triggers some CLS, even if the hide/show is done in less than 500 ms, as “continuous interactions such as scrolls, drags, or pinch and zoom gestures are not considered ‘recent input’”. 😞

  2. Note from 27 January 2023

    Fellow photographers, where in EXIF/IPTC meta data would you (or are you already) put a description of the photo?

    I'm not talking about the legend, more the description of the actual content of the image, how you would describe it to blind people.

    Couldn't find anything yet in Lightroom's UI.

  3. Note from 26 January 2023

    TIL IntersectionObserver's rootMargin only works if the observer is in the same origin, because of privacy concerns:

    There is a risk that the API may be used to probe for information about the geometry of the global viewport itself, which may be used to deduce the user’s hardware configuration.

    That's why this demo of a sticky navigation doesn't work in CodePen's default view… 😞

    https://codepen.io/nhoizey/pen/QWBrrKB

  4. Note from 23 January 2023

    Large photos in photo pages of my photography site are now progressive JPEGs so that you can see them earlier, even if they weight more than with AVIF or WebP:

    Screenshot of a page with a photo partially loaded

    Thanks to Cloudinary and my responsive images plugin for Eleventy, it took me 10 seconds! 😍

    I wish Google didn't kill JPEG XL… 😭

    I also wish Largest Contenful Paint didn't wait for the full progressive image to be downloaded and rendered.

  5. Note from 13 January 2023

    For language changes inside a paragraph, MDN suggests we can use the i element:
    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

    That's what I thought was one of the new use cases for i.

    A @w3c@w3c.social page about “Declaring language in HTML” (so @webi18n@w3c.social ?) says we should use a span, div or bdi:
    https://www.w3.org/International/questions/qa-html-language-declarations.en#usingspan

    So no i after all?