Dennis Frank
@freshmango.bsky.social
📤 99
📥 168
📝 28
Webdev, Frontend, Craft CMS… 🐘
https://mastodon.social/@freshmango
#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
loading . . .
round() with percentage – parent sizing
...
https://codepen.io/df/pen/myVXweV/fc9c327224c4c73ebfbd30bb2787c548
6 months ago
0
1
0
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
add a skeleton here at some point
11 months ago
0
2
0
reposted by
Dennis Frank
Hidde
11 months ago
thanks for asking! This is the document I was referring to in my response
w3c.github.io/sustainablew...
loading . . .
https://w3c.github.io/sustainableweb-wsg/policies.html
0
1
1
reposted by
Dennis Frank
Matthias Ott
11 months ago
I just realized that today is
#CSSYesterday
.
3
17
1
@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
11 months ago
1
1
0
🤯
@amitsheen.bsky.social
is going to build a CPU in CSS now. Yeah… I mean… why not, right!?
#cssday
11 months ago
0
3
2
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
11 months ago
0
2
1
reposted by
Dennis Frank
Una Kravets
11 months ago
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)
0
18
3
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
)
11 months ago
5
86
20
reposted by
Dennis Frank
Artem Pendiurin
11 months ago
A
#sketchnotes
for the talk "Multicol and fragmentation" by
@rachelandrew.bsky.social
at the
@cssday.nl
#cssday
1
8
6
Anyone using a headless printer to browse? 🤪
#cssday
11 months ago
0
1
0
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
11 months ago
0
2
0
reposted by
Dennis Frank
Una Kravets
11 months ago
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...
loading . . .
Conditional Border Radius In CSS
How to use CSS comparison functions to create a conditional border radius
https://ishadeed.com/article/conditional-border-radius/
2
142
15
@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
11 months ago
0
0
0
Would it be weird if I put on my sunglasses? 😎
#cssday
11 months ago
0
2
0
Summarize
#cssday
😉😭
11 months ago
1
1
0
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
11 months ago
0
6
0
@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
11 months ago
0
1
0
#cssday
> .urinal { overflow: visible; }
11 months ago
0
3
1
@cssday.nl
@miriam.codes
Could CSS @functions used across shadow DOM boundaries?
#cssday
11 months ago
0
0
0
“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
11 months ago
0
5
2
The DAO of CSS. John Allsop shares some valuable wisdom that can easily be forgotten in the daily work.
#cssday
11 months ago
0
2
1
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
11 months ago
0
4
0
reposted by
Dennis Frank
Fight fascism!
over 1 year ago
0
4
1
reposted by
Dennis Frank
DailyKaffee ᓚᘏᗢ
about 1 year ago
10
1020
253
reposted by
Dennis Frank
tante
about 1 year ago
This is basically the point at which every civilized state should grant asylum to every trans person. It feels like there are so few states that are not trying to kill them all. When conservatives say "trans men/woman are not men/woman" what they mean is "because I want them to be a corpse".
add a skeleton here at some point
0
20
6
Fight fascism!
over 1 year ago
0
4
1
Hey
over 2 years ago
0
3
0
you reached the end!!
feeds!
log in