✏️ Look ma, no JS! It’s time to learn about popovers and anchor positioning! https://css-irl.info/anchor-positioning-and-the-popover-api/

Featuring a JS-free menu demo: https://codepen.io/michellebarker/pen/qBGEVov
#CSS

CSS { In Real Life } | Anchor Positioning and the Popover API for a JS-Free Site Menu

A blog about CSS, front-end development, the web, and beyond.

^{CSS { In Real Life } | Anchor Positioning and the Popover API for a JS-Free Site Menu}

Unexpected things can happen when you add containment (some elements completely collapse)! @stacy and I will discuss #CSS Container Queries in the real world on @OddBird's Winging It livestream this Thursday:

May 16 at 1pm ET/11am MT

https://www.youtube.com/watch?v=Mq8zmeLNGfg

Send us your questions in advance or join us during the live stream!

CSS Container Queries in Practice - Winging It Live

Miriam Suzanne and Stacy Kvernmo of OddBird talk about CSS Container QueriesThu, May 16 @ 1p ET / 11am MTUnexpected things that happen when you add containme...

^YouTube

No Face from Spirited Away, drawn with CSS and a single HTML element.
https://codepen.io/alvaromontoro/pen/ZERzGWY

#webdevelopment #css #cssArt #divtober #throwBackThursday #tbt

3 days until the @eleventy's International Symposium on Making Web Sites Real Good!

@mia will be there doing a quick dive into the origins of the web, and #CSS in particular—the design constraints, and the range of strange proposals, and how we got where we are.

https://conf.11ty.dev/

11ty’s International Symposium on Making Web Sites Real Good

We’re running a conference — this is an 11ty Conference!

^{11ty Conference, May 2024}

Har ej sjuk läggning. Säg inget till någon. Men jag gillar att kolla på kurser om teknik utan att egentligen ta kursen. Nu får det bli lite "The Web Developer Bootcamp"

#HTML #CSS #JS osv. Bara för att det är gött 😂

Vad är jag för människa

This piece from @heydon details his system for using the new features of #CSS to test HTML for proper semantics and structure. Just incredible what’s going on in some of these selectors.

#WebDev

https://heydonworks.com/article/testing-html-with-modern-css/

This is a very neat trick to unset max-height when an HTML element with resize='vertical' set in CSS is resized. So you can have elements initially displayed with a max-height but then resized beyond it:

https://stackoverflow.com/a/60286469

(Should work as is for resize='block' and with the selector tweaked to use "width" for horizontal/inline.)

#web #dev #tip #CSS #resize #maxHeight