InautiloFeb 5

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

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

Performance-Optimized Video Embeds with Zero JavaScript – Frontend Masters Blog

Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

InautiloOct 27

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

_____
#HtmlDetails #CssGrid #CssSubgrid #Accessibility #Browsers #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!

CSS-Tricks