Here you go! #btconf
18.11.2025 14:22
👍 1
🔁 0
💬 0
📌 0
Here you go! #btconf
#CSS problem: Parent won’t scale to child height when using percentage for `valueToRound` in `round()`:
`.child { block-size: round(up, 100%, 5lh) }`
Circular issue? Ideas for an elegant solutions?
CodePen: codepen.io/df/pen/myVXw...
round(): developer.mozilla.org/en-US/docs/W...
#HTML #webbed
Most important update of the WWDC: Anchor Positioning! 🥰https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/#anchor-positioning
Oh, that’s so nice! Employers, or clients in my case, should provide us with test devices, right? Right?! 😄
thanks for asking! This is the document I was referring to in my response w3c.github.io/sustainablew...
🤯
I just realized that today is #CSSYesterday.
@hidde.blog @cssday.nl Do you think there is a need for official regulation and legislation regarding the energy consumption of digital products such as websites? Or are there already such initiatives? (Like we have with accessibility in the EU.) #cssday
Amit on stage explaining the 7 CPU logic gates: Dive into the CPU Not And Or Nand Nor Xor Xnor
🤯 @amitsheen.bsky.social is going to build a CPU in CSS now. Yeah… I mean… why not, right!? #cssday
Tim presents how to style checkboxes
Tim demonstrates how to date/time inputs
Styling form controls will be SO MUCH easier in the (hopefully not so far) future. @ntim.bsky.social demonstrates examples from the CSS Form Control Styling Level 1 specification draft (www.w3.org/TR/css-forms...) #cssday
Anchor positioning text block
More anchors! @ishadeed.com #CSSDay
Truly amazing how powerful this next generation of responsive UI features is with :has(), anchors, container queries, style queries, *ALL THE THINGS*
(and there are so so many more)
Ahmad on stage showing a slide titled ”Building a layout” where the feature gap between Figma and modern CSS is visualized in two differently sized circles which contain keywords of different technological features. Text between both circle: “The gap is getting bigger year by year.”
So, so true. The gap between design tools and the possibilities of the CSS based web platform is
getting bigger year by year. @ishadeed.com at #cssday. (Reminds me of @matthiasott.com‘s talk last year cssday.nl/2024/#matthias)
A #sketchnotes for the talk "Multicol and fragmentation" by @rachelandrew.bsky.social at the @cssday.nl #cssday
Anyone using a headless printer to browse? 🤪 #cssday
Rachel on stage. Showing a multi column page layout wich column spanning pictures.
Implementing column-span is challenging (github.com/w3c/csswg-dr...). It could lead to many unwanted layout issues. @rachelandrew.bsky.social: “If something terrible happens, it should at least be spec'd so that the terrible thing happens the same in every browser.” #cssday
Great CSS trick documented by @ishadeed.com for showing conditional border radius (border radius on desktop, none on mobile)
border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
(via @nerdy.dev at #CSSDay)
ishadeed.com/article/cond...
@cssday.nl @rachelandrew.bsky.social Why aren’t there logical margin at-rules, like for example @block-start-inline-end? Or wouldn’t it make sense for printed pages? And what about margin at-rules for columns in multi-column layouts? #cssday
Actually, this isn’t an accurate summary of #cssday. This is THE event to attend if you love (and live) CSS. It's not often that CSS is discussed so seriously. So good that CSS is given the prominence it deserves here.
I am seated next to a very bright spotlight that shines upward from the floor. The image captures this perspective, highlighting a brilliant yellow light with prominent lens flares.
Would it be weird if I put on my sunglasses? 😎 #cssday
A browser support graphic. Chrome/Edge are checked. Safari and Firefox are unchecked.
Summarize #cssday 😉😭
Syd and Stephen Hay sitting at a table with a bouquet of flower on stage.
I really like how open and transparent @cydstumpel.nl is. She always credits people who’ve offered advice in her talk about CSS view transitions. So much respect for live coding. #cssday
Cyd on stage showing a Chrome browser with open developer tools demonstrating a paused view transitions state.
@cydstumpel.nl demonstrates how to pause CSS view transitions and use the `::view-transition` pseudo class (developer.mozilla.org/en-US/docs/W... ) to inspect and debug view transitions. #cssday
They are livestreaming fishes waiting at a gate in the Netherlands… as I just learned… 🤷♂️ #CSSDay
A note on a tiled wall with the text: A Plumber is on the way Please use the other toilets instead
#cssday > .urinal {
overflow: visible;
}
So great to be back! Catch you later!
Ha! An almost secret counter. I'm so happy about the sheer plethora of cool stuff by @miriam.codes. Give me more! #cssday #deeppink
@cssday.nl @miriam.codes Could CSS @functions used across shadow DOM boundaries? #cssday
Mia on stage with a text-only slide: Complexity Is a Moving Target
“Complexity is a moving target. We can't make it go away. But we can move it around.” So, so true. @miriam.codes at #cssday
John on stage with a text-only slide: Principle 3: code without coding-Wu Wei - Stop fighting the browser - Trust the user - Delete unnecessary code - Let the system work for you The Dao of CSS is the path of least resistance.
John on stage with a text-only slide: Principal 4: Softness is Strength ”The soft and supple will prevail.“ Fixed sizes break. Fluid sizes bend. Rigid grids snap. Auto grids flow. Hard media distorts. Soft media adapts. — Tao Te Ching, Chapter 76
The DAO of CSS. John Allsop shares some valuable wisdom that can easily be forgotten in the daily work. #cssday
Adam and Stephen Hay sitting at a table on stage after Adam’s talk
Such a nerdy, interesting and jam-packed first #cssday talk by @nerdy.dev. Too much stuff (in VERY good way) to live post here! Embrace native scroll functionality and enhance it gracefully. (and Adam took accessibility into account too). Check out his Code Pens and slides nerdy.dev/cssday-2025