Search
Items tagged with: css
If you're only gonna watch one thing this weekend, watch this amazing talk about the history of styling in the web and the guiding principles of how browsers work with regards to styling by @mia from last week's 11ty conference.
https://www.youtube.com/watch?v=uaN9kY8lKPU
Hints and Suggestions — Miriam Suzanne (11ty Conf 2024)
This was a talk given at the 11ty International Symposium on Making Web Sites Real Good (2024): https://conf.11ty.dev/2024/hints-and-suggestions-first-do-no-...YouTube
✏️ 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.
11ty’s International Symposium on Making Web Sites Real Good
We’re running a conference — this is an 11ty Conference!11ty Conference, May 2024
An alternative proposal for CSS masonry | Blog | Chrome for Developers
A proposal to define masonry and grid in different specifications.Chrome for Developers
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.
https://heydonworks.com/article/testing-html-with-modern-css/
Testing HTML With Modern CSS
CSS can be a great HTML testing tool, especially in 2024Heydon Pickering (heydonworks.com)
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.)