Pinned Loading

1. jet jet Public template

   It‘s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it‘s still *really* small though.

   HTML 277 19

2. fromtheoutfit/fadable fromtheoutfit/fadable Public

   Fade in elements as they move into view, at both the bottom and top of the viewport.

   JavaScript 16 3

3. Simple, accessible, nav menu system ... Simple, accessible, nav menu system that is keyboard friendly. Demo here: https://codepen.io/marcamos/pen/zYEXegV

   1

   const navButtonEl = '[aria-controls^="nav-menu-"]';

   2

   const navMenuEl = '[id^="nav-menu-"]';

   3

   const navButtons = Array.from(document.querySelectorAll(navButtonEl));

   4

   const navMenus = Array.from(document.querySelectorAll(navMenuEl));

   5

   const closeNavMenu = () => {

4. Lazy-loading polyfill; it covers the... Lazy-loading polyfill; it covers the various ways you can use an <img> element, <picture> elements, and CSS background images … but it gets out of the way if the environment natively supports lazy-loading.

   1

   // Use #1: <img> element using src and srcset:

   2

   // <img data-lazy-srcset="/path/to/image-2x.jpg 2x"

   3

   //      data-lazy-src="/path/to/image-1x.jpg"

   4

   //      alt="TODO" width="TODO" height="TODO" loading="lazy" />

   5

   //