@zachleat/resizeasaurus
A web component to add resizing behavior to test intrinsically sized responsive components.
resizeasaurus.zachleat.dev GitHub npm
11 versions in A web component for resizing an element to demonstrate container-query responsive (or intrinsic web design) behavior of child components.
Zach Leatherman is a builder for the web at Font Awesome and the creator of Build Awesome (née
Eleventy/11ty), an award-winning open source website generator. He measures website performance with speedlify and at one point became too fixated on web fonts. He has given 89 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »
These are webmentions via the IndieWeb and webmention.io.
This is what will show up when you share this post on Social Media:
How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)