https://frontendmasters.com/blog/full-bleed-layout-with-modern-css/
Full-Bleed Layout with Modern CSS – Frontend Masters Blog
Just four declarations in CSS can handle this nicely, while avoiding the vertical scrollbar issue.
frontend masters blogfullcss
https://frontendmasters.com/blog/modern-css-round-out-tabs/
Modern CSS Round-Out Tabs – Frontend Masters Blog
We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand.
frontend masters blogmodern
https://frontendmasters.com/blog/performance-optimized-video-embeds-with-zero-javascript/
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.
performance optimizedvideo
https://frontendmasters.com/blog/how-to-create-3d-images-in-css-with-the-layered-pattern/
How to Create 3D Images in CSS with the Layered Pattern – Frontend Masters Blog
Repeat the same content over and over on top of each other, and you can move each of them just a smidge in 3D space creating the illusion of shape.
createimagescsslayered
https://frontendmasters.com/blog/how-to-get-the-width-height-of-any-element-in-only-css/
How to Get the Width/Height of Any Element in Only CSS – Frontend Masters Blog
Unlike JavaScript, there is no simple built-in method in CSS to access an element's width and height. But using some (call it hacky) modern CSS techniques, we...
width heightgetelement
https://frontendmasters.com/blog/vite/
Vite+ – Frontend Masters Blog
frontend masters blogvite
https://frontendmasters.com/blog/quick-dark-mode-toggles/
Quick Dark Mode Toggles – Frontend Masters Blog
All the browsers DevTools have a way of emulating color modes. The are essentially faking the system preference at the application level. Here's where those...
dark mode togglesmasters blog
https://frontendmasters.com/blog/very-early-playing-with-random-in-css/
Very Early Playing with random() in CSS – Frontend Masters Blog
(Only Safari Technical Preview!) Awfully cool `random()` is coming in CSS. The design possibilities are quite cool.
frontend mastersearlyplaying
https://frontendmasters.com/blog/learn-media-queries/
How much do you really know about media queries? – Frontend Masters Blog
There are a ton more @media queries than
really knowmedia queriesmuch
https://frontendmasters.com/blog/popover-context-menus-with-anchor-positioning/
Popover Context Menus with Anchor Positioning – Frontend Masters Blog
A context menu is like a tooltip in that it opens right next to the the thing that opened it. Here, we animate the opening and ensure it opens somewhere where...
frontend masters blogpopover