Skip to main content
tdro

Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.

tdro micro.thedroneely.com view
  • Markdown Plaintext Embed Permalink
  • 89/50 words 30s read

    Infinite scrolling is unusual. Most implementations are “almost infinite” to avoid excessive length (memory).

    • Infinite scrolling: Limits content to an arbitrarily large amount to avoid exhausting memory.

    • Virtual scrolling: Unload everything except the visible viewport + a top and bottom offset. Pad the rest.

    Virtual scrolling is infinite, but breaks auxiliary actions ( CTRL + F ) because what’s on the screen is the content.

    js
    document.addEventListener("scroll", function() {
      console.log(document.querySelectorAll('*').length)
    });
    Increasing DOM length is infinite and constant length is virtual

    The most popular library appears to be https://infinite-scroll.com.

    #gists #webdev
    tdro

    Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.

    tdro micro.thedroneely.com view
  • Markdown Plaintext Embed Permalink
  • 103/50 words 34s read

    Text fragments are a Chromium feature from a couple years ago. They (#:~:text=) emulate CTRL + F or window.find() from a . I experimented in times past with a snippet–like approach using <mark> with URL encoded terms on id + :target logic, such that clicking this link highlights the paragraph below.

    text
    https://web.dev/text-fragments/#:~:text=Text%20Fragments%20let%20you
    The article says ‘boldly link’, but personally fragments (any) work best on infrequently changing content. Long URLs do text fragments make. Annoying? Who knows/cares? They are not everywhere yet (Firefox). On another tangent; I discovered that hugo did have the urlquery function available (that nice blog saved me code surfing). #gists #webdev
    tdro

    Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.

    tdro micro.thedroneely.com view
  • Markdown Plaintext Embed Permalink
  • 68/50 words 23s read

    It’s kinda neat how CSS animation rules are sort of simple in their construction. , rules could be made even simpler if the animation-delay property also allowed delays between iterations/intervals instead of at the start only. Interval delays could allow for writing drastically less key frame rules.

    css
    text-animation[hang] {
      animation: tilt-rightward 1.3s infinite, tilt-leftward 1.8s infinite;
    }
    Combining two key frame animations to create a hanging effect.
    #gists #webdev
    tdro

    Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.

    tdro micro.thedroneely.com view
  • Markdown Plaintext Embed Permalink
  • 48/50 words 16s read

    Authors

    Gallery

    Web Feeds (6)

    Web Ring