Performance-Optimized Video Embeds with Zero JavaScript Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

#Development #Approaches
Performance-optimized video embeds · Lazy-loading videos on interaction using only HTML/CSS ilo.im/16ac4f by Stefan Bauer

_____
#Embedding #LazyLoading #Videos #HtmlDetails #iFrames #WebPerf #WebDev #Frontend #HTML #CSS

Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks Can we use the <details> element as the foundation for a tabbed interface? Why yes, we can!

#Development #Techniques
Tabs with ‘details’, grid, and subgrid · A modern HTML/CSS approach using no hacks ilo.im/167ye4 by Silvestar Bistrović

_____
#HtmlDetails #CssGrid #CssSubgrid #Accessibility #Browsers #WebDev #Frontend #HTML #CSS