Skip to content
View marcamos's full-sized avatar
🕺
Raising kids and websites
🕺
Raising kids and websites

Organizations

@fromtheoutfit

Block or report marcamos

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse

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 276 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
    //