iiinova — where your digital self keeps evolving

Dennis Frank @freshmango.bsky.social · 09/06/2025

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

webkit.org

News from WWDC25: WebKit in Safari 26 beta

Welcome to WWDC25!

Dennis Frank @freshmango.bsky.social · 09/06/2025

Oh, that’s so nice! Employers, or clients in my case, should provide us with test devices, right? Right?! 😄

000

Reposted by Dennis Frank

Hidde @hidde.blog · 07/06/2025

thanks for asking! This is the document I was referring to in my response w3c.github.io/sustainablew...

w3c.github.io

011

Reposted by Dennis Frank

Matthias Ott @matthiasott.com · 07/06/2025

I just realized that today is #CSSYesterday.

3171

@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

110

🤯 @amitsheen.bsky.social is going to build a CPU in CSS now. Yeah… I mean… why not, right!? #cssday

Amit on stage explaining the 7 CPU logic gates:

Dive into the CPU

Not
And
Or
Nand
Nor
Xor
Xnor

032

Una Kravets @una.im · 06/06/2025

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

Tim demonstrates how to date/time inputs

020

Reposted by Dennis Frank

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)

0183

Artem Pendiurin @erblack.me · 05/06/2025

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)

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.”

48516

Reposted by Dennis Frank

A #sketchnotes for the talk "Multicol and fragmentation" by @rachelandrew.bsky.social‬ at the @cssday.nl #cssday

186

Anyone using a headless printer to browse? 🤪 #cssday

Una Kravets @una.im · 05/06/2025

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

Rachel on stage. Showing a multi column page layout wich column spanning pictures.

020

Reposted by Dennis Frank

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...

ishadeed.com

Conditional Border Radius In CSS

How to use CSS comparison functions to create a conditional border radius

214212

@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

000

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.

041

Would it be weird if I put on my sunglasses? 😎 #cssday

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.

020

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

Syd and Stephen Hay sitting at a table with a bouquet of flower on stage.

060

@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

Cyd on stage showing a Chrome browser with open developer tools demonstrating a paused view transitions state.

They are livestreaming fishes waiting at a gate in the Netherlands… as I just learned… 🤷‍♂️ #CSSDay

So great to be back! Catch you later!

100

Ha! An almost secret counter. I'm so happy about the sheer plethora of cool stuff by @miriam.codes. Give me more! #cssday #deeppink

130

“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

Mia on stage with a text-only slide:

Complexity
Is a Moving Target

052

The DAO of CSS. John Allsop shares some valuable wisdom that can easily be forgotten in the daily work. #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

021