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!

Hidde @hidde.blog · 07/06/2025

Reposted by Dennis Frank

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

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.

“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