Notes

Types
Dates
  1. 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. 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. 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. 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 @[email protected] page about “Declaring language in HTML” (so @[email protected] ?) 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?

  5. Which (stable, lightweight, maintained, etc.) npm package would you recommend to transform any RSS or Atom feeds to a standard JSON Feed format?

  6. Filter by year and month to see more notes.