Dennis Frank

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

Conditional Border Radius In CSS How to use CSS comparison functions to create a conditional border radius

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

I was also very happy to meet you again at @beyondtellerrand.com. It was a lot of fun! And some of you I will meet again very soon 😃(@cssday.bsky.social!)

Fight fascism!