iiinova — where your digital self keeps evolving

Jakob E @jakob-e.bsky.social · 28/09/2026

Works pretty well also without flags (latest chrome) 😀 Small (maybe) bug in when combined with field-sizing: content. When resizing window causes input to grow. Not sure if it is related to frame-sizing or field-sizing (maybe @bram.us knows)

Small (maybe) bug in responsive iframe sizing (chrome 154)

110

Jakob E @jakob-e.bsky.social · 26/09/2026

For other (and mixed) units you need to cast (@property) the offset and delta components before the tan atan2 division part. This ensures compatible lengths Silly example (chrome 85, firefox 128, safari 16.4)

110

Jakob E @jakob-e.bsky.social · 26/09/2026

...or as a one-liner (because we love that 😉)

120

Jakob E @jakob-e.bsky.social · 26/09/2026

@kevinpowell.co you could also consider including 'the future way' for when css functions are supported 🙂

Fluid CSS function based on viewport progress

120

Jakob E @jakob-e.bsky.social · 24/09/2026

...or have a bit of everything 😉

from, to and is breakpoints using css toggles

000

Jakob E @jakob-e.bsky.social · 24/09/2026

...In case you don't want 'min-max' breakpoints you can use css toggles - now you just need to remember order matters.

'from' breakpoints using css toggles and container style

100

Jakob E @jakob-e.bsky.social · 24/09/2026

This works - just be aware styles won't carry over the way media queries does (same for the style() version)

non overlapping breakpoints using name-only containers

240

Jakob E @jakob-e.bsky.social · 23/09/2026

Nice 😎 For even more scroll-feature-maxxing you could also use scroll-target-group and :target-current to set navigation highlights

CSS snippet showing scroll-target-group for highlighting links

110

Jakob E @jakob-e.bsky.social · 20/09/2026

I thought the cos was quite clever - didn't think of that My non-joke take would be misusing typed arguments to force mod computation 🤗

/* (mis)using typed arguments to trigger computation */
@function --IsEven(--int <integer>, --mod <integer>: 0) {
--mod: mod(var(--int), 2);
result: if(style(--mod: 0): ;);
}

101

Jakob E @jakob-e.bsky.social · 20/09/2026

God I wish there was an easier way to do this

CSS version of the classic IsEven method ;)

4141

Jakob E @jakob-e.bsky.social · 26/08/2026

Same for Version 26.6.2 (21624.5.1.11.3)

screenshot safari Version 26.6.2 (21624.5.1.11.3)

020

Jakob E @jakob-e.bsky.social · 26/08/2026

@bram.us @tabatkins.com CSS Question @property does not seem to affect variables inside @function body (chrome 151). You can workaround it by (mis)using arguments - but it feels hacky. Is this a bug or? PS. might we one day be able to do simple types like .elm { --color <color>: red; }

CSS @property does not seem to affect variables inside @function body

240

Jakob E @jakob-e.bsky.social · 17/08/2026

True - but also consider how big a sign could be added to Ryugyong Hotel

110

Jakob E @jakob-e.bsky.social · 06/08/2026

CSS functions are going to be awesome Fluid type scale in 3 lines of code 😍 @bram.us I couldn't find it documented is the option to use other arguments as fallback/default value just how Chrome implemented it or is it per spec? --fn(--a <length>, --b <length>: var(--a)) Demo shorturl.at/l9eYw

Two CSS functions to create fluid or fixed font-size and line-height

220

Jakob E @jakob-e.bsky.social · 01/07/2026

Having some kind of counter scope + naming would be awesome. Something similar to counter-reset and counter-increment... But I guess this has already been discussed :) ...something like:

220

Jakob E @jakob-e.bsky.social · 09/05/2026

What a missed opportunity - I think the world needs a Grok inspired app to help you look aligned with your ketamine intake

Elmo in bathing trunks…alt text redacted because sometimes being visually impaired is a blessing

000

Jakob E @jakob-e.bsky.social · 25/04/2026

Who knew AI would turn out to be Little Bobby Tables

A four-panel xkcd comic.

First panel, a teacher is on the phone with a parent , “Hi, this is your son’s school. We’re having some computer trouble.”

Second panel, the parent replies, “Oh dear—did he break something?” The teacher says, “In a way—”

Third panel, the teacher asks, “Did you really name your son ‘Robert’); DROP TABLE Students;–’?”

Fourth panel, the parent responds, “Oh, yes! Little Bobby Tables, we call him.” The teacher says, “Well, we’ve lost this year’s student records. I hope you’re happy.” The parent adds, “And I hope you’ve learned to sanitize your database inputs

000

Jakob E @jakob-e.bsky.social · 05/01/2026

Big Mac Index maybe en.wikipedia.org/wiki/Big_Mac...

Big Mac index, November 2022
Showing the informal the purchasing power parity (PPP) between countries

040

Jakob E @jakob-e.bsky.social · 27/11/2025

I love it is considered offensive (anstødeligt in danish ) 😂

Screenshot of The Trawl podcast rating it as offensive (it’s not)

010

Jakob E @jakob-e.bsky.social · 01/10/2025

Thank you Jane Goodall. 🦍

031

Jakob E @jakob-e.bsky.social · 22/09/2025

On iOS 18.5 it looks like this on my phone… but maybe it’s not what you are asking

100

Jakob E @jakob-e.bsky.social · 27/08/2025

There is about 4% chance this happened in Denmark (before the shit show)

Scandinavians would have voted for Harris
Denmark 96%
Finland 90%
Sweden 90%
Norway 86%

000

Jakob E @jakob-e.bsky.social · 18/08/2025

10/10 commercial belaroofing.com

010

Jakob E @jakob-e.bsky.social · 20/07/2025

The Heards - Ofelia Copenhagen 🐘🦒🐃 www.theherds.org

050

Jakob E @jakob-e.bsky.social · 06/04/2025

Watching things unfold from across the pond - at least you have sign creativity going for you. This is my favorite so far

Protest sign saying no hatred without red hat

000

Jakob E @jakob-e.bsky.social · 26/02/2025

The word you’re looking for is Kakistocracy en.m.wikipedia.org/wiki/Kakisto...

Screenshot of Wikipedia describing the word Kakistocracy

947145

Jakob E @jakob-e.bsky.social · 11/01/2025

Thanks for sharing 🤩 Small question regarding the dropdown list - is it planned that it should render as a window like the current implementation or will it be in the document

Select vs. customizable select. The regular select shows the dropdown list in a separate window the custom renders the list inside the document

100

Jakob E @jakob-e.bsky.social · 08/01/2025

Sass maps are great, together with getter functions, for providing warnings/throwing errors. Note how you can use the & to render out the selector that causes the issue 😀

SCSS code showing how to throw errors when a user attempts to get a color based on an undefined key value

010

Jakob E @jakob-e.bsky.social · 08/01/2025

I think you can fix this using unicode-bidi: bidi-override; combined with a <span> to cancel out direction Example: codepen.io/jakob-e/pen/...

CSS code to add ellipsis to the start of a text

340

Jakob E @jakob-e.bsky.social · 07/01/2025

Sass is far from dead and most of what it does great should not be native to CSS 🙂 Most functions in my world are coupled to a mixin for flexible use and both are mostly related to introspection/linting and composition - e.g.

SCSS helper function + mixin ensuring specific content is not rendered twice during the final CSS assembly.

040

Jakob E @jakob-e.bsky.social · 11/12/2024

😂 for some reason I seem to have a full time job regardless

GitHub contribution status with a normal life work balance

020

Jakob E @jakob-e.bsky.social · 09/12/2024

...my preference is version 3 but I would pick what makes the most sense for the team 🤗

100

Jakob E @jakob-e.bsky.social · 09/12/2024

Couldn't help myself -sorry 🙈

100

Jakob E @jakob-e.bsky.social · 09/12/2024

Could you post the markup - often, we end up being overly specific in our CSS rules when we could rely on markup instead. Does it look something like this

120

Jakob E @jakob-e.bsky.social · 19/11/2024

@davatron5000.bsky.social @aardrian.bsky.social Maybe I can get you to promote this Bluesky accessibility feature 🤗

Bluesky accessibility settings has a nice reminder feature that requires an alt text when posting an image

030