Recent searches
Search options
Administered by:
@zachleat@zachleat.comNew web component: <hyper-card>
Adds a three-dimensional hover effect to any arbitrary content. (With full credit to Mark Mironyuk’s lovely Codepen!)
Post: https://www.zachleat.com/web/hypercard/
Demo: https://zachleat.github.io/hypercard/demo.html
Source code: https://github.com/zachleat/hypercard
Zach Leathermanhypercard Web Component—zachleat.comA post by Zach Leatherman (zachleat)
This is the last entry in my #11tyConf web component series!
If you’d like to learn more about how the ticketing and registration piece of https://conf.11ty.dev/ was built—tune in later today to the Static Web Development Happy Hour with Mike and Zach: https://www.twitch.tv/cloudcannoncms/
11ty Conference, May 2024Don't Fear the Cascade<p>In this talk, Mayank will teach the audience how to make sense of the cascade, clear up some common misconceptions (e.g. shadow DOM vs host context styles), and ultimately offer practical advice on how to make best use of the cascade.</p>
<p>They will show off some newer game-changing CSS features (like :where, cascade layers, and @scope) that enable us to write styles with confidence and intention. They may also sprinkle in some tips on how these new features interact with current workflows, including frameworks, build tools, browser devtools, and IDEs.</p>
@zachleat fun! got a spot I am tempted to use this on right away.
@aeischeid let me know how it goes!