Dennis Frank
freshmango.bsky.social
Dennis Frank
@freshmango.bsky.social
93 followers 170 following 27 posts
Webdev, Frontend, Craft CMS… 🐘 https://mastodon.social/@freshmango
Posts Media Videos Starter Packs
#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
round() with percentage – parent sizing
...
codepen.io
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?! 😄
Reposted by Dennis Frank
Hidde @hidde.blog · Jun 7
thanks for asking! This is the document I was referring to in my response w3c.github.io/sustainablew...
w3c.github.io
Reposted by Dennis Frank
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
🤯 @amitsheen.bsky.social is going to build a CPU in CSS now. Yeah… I mean… why not, right!? #cssday
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
Reposted by Dennis Frank
Una Kravets @una.im · Jun 6
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)
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)
Reposted by Dennis Frank
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
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
Reposted by Dennis Frank
Una Kravets @una.im · Jun 5
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...
Conditional Border Radius In CSS
How to use CSS comparison functions to create a conditional border radius
ishadeed.com
@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.
Would it be weird if I put on my sunglasses? 😎 #cssday
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
@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
#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