Lightnews — Scholar-powered news

Reposted by Una Kravets

Sindre Sorhus @sindresorhus.com · 14h

CSS is getting support for functions, so I made a small utility library for useful things. It's also a copy-pasteable reference. WIP.

github.com/sindresorhus...

5 9 62

Reposted by Una Kravets

Sarah Drasner @sarahedo.bsky.social · 2d

💥 did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.

Drawing explaining the JS execution model and event loop

12 60 340

Una Kravets @una.im · 2d

But the renewal fee

1

Reposted by Una Kravets

CSS by T. Afif @css-only.dev · 2d

Here is my idea with less of code

css-tip.com/tooltip-anch...

The trick is to play with the margin property to show/hide the arrows.

cc @una.im @bram.us

12 46

Una Kravets @una.im · 2d

Is it just me or have domain names just generally gotten a lot more expensive lately?

(Maybe this is the universe telling me not to buy another one)

6 1 35

Una Kravets @una.im · 2d

However, there isn't currently a way to do the "stay on screen" effect in your demo. Here's the relevant issue: github.com/w3c/csswg-dr...

[css-anchor-position] "slide" an element to keep it in its IMCB · Issue #9960 · w3c/csswg-drafts

(This has been discussed a bit in the past, but I think it would benefit from a fresh issue so it can be discussed in the context of the current spec design.) It's fairly common in JS-backed anchor...

github.com

1

Una Kravets @una.im · 2d

Yes definitely a missing feature and I agree this should have shipped in v1. But anchored container queries are planned to land soon in Chrome 143:

youtu.be/u5-Vuduc9mk?...

First look: Anchored style queries (early stage prototype in Chrome 139+)

YouTube video by Una Kravets

youtu.be

1 7

Una Kravets @una.im · 3d

Ain’t that the truth 🥲

Una Kravets @una.im · 4d

It was a little tongue in cheek 😛

But yes pumping 30mins every morning and night definitely cuts into the sleep 😆 plus hair and makeup on speaking day usually means waking up another hour earlier. Womanhood!

1 1

Una Kravets @una.im · 4d

The problem with tech conferences is that you’re always going to bed way past your bedtime and you’re always waking up way too early

6 1 57

Una Kravets @una.im · 5d

@nordicjs.com took me back to the good old days of community tech confs infused with art, innovation, and joy.

From arranged dinners (“with 5 new friends”), to the cutest swag, Code in the Dark, laser shows, crafts, games, sauna(!) and all the installations!

You can see the love that was put in 💜

2 33

Una Kravets @una.im · 5d

Thank you so much for the support!! 🙏

Una Kravets @una.im · 5d

Such a fun talk about web fonts! #nordicjs @nordicjs.com

2 24

Una Kravets @una.im · 5d

Many examples are on una.im with accompanying blog posts. Slides: una.github.io/back-to-the-... (you need latest chrome canary for some of the demos)

Una Kravets Online

The personal website of Una Kravets. Front-end developer, tech content creator, and supporter of all things web UI

una.im

1

Una Kravets @una.im · 5d

Yes! Many examples are on una.im with accompanying blog posts. Slides: una.github.io/back-to-the-... (you need latest chrome canary for some of the demos)

Una Kravets Online

The personal website of Una Kravets. Front-end developer, tech content creator, and supporter of all things web UI

una.im

1

Una Kravets @una.im · 5d

Well that was fun 😆

Thanks for having me @nordicjs.com!

Nordic.js @nordicjs.com · 5d

Talk about making an entrance!! 🍰✨ @una.im

6 33

Reposted by Una Kravets

Nordic.js @nordicjs.com · 5d

“Who here likes CSS a little more now than you did before?”
- Una Kravets
The future of the web? Already here. ✨
Thanks to @una.im for showing us what’s possible with just HTML & CSS - no JavaScript needed. #NordicJS #NordicJS2025

1 1 19

Reposted by Una Kravets

Sophie Koonin @localghost.dev · 5d

If there's anyone who knows how to make an entrance it's @una.im at @nordicjs.com

Una Kravets with her arms up in the air popping up out of a giant wooden tiered wedding cake covered in pink balloons

2 2 49

Reposted by Una Kravets

Sophie Koonin @localghost.dev · 5d

Yes yes YES THIS. The best thing a web dev can do is put the frameworks down sometime and learn how it really works. @una.im @ @nordicjs.com

Una presents a slide that says "the best way to level up your web development skill set is to get good at CSS and HTML"

6 30 120

Una Kravets @una.im · 6d

I like to think of these as command invokers and interest invokers.

Command invokers (commandfor) support declarative action events (click, enter key, tap).

Interest invokers (interestfor) support actions on interest (hover, keyboard focus, longpress).

7

Una Kravets @una.im · 6d

I knew I’d find the CSS people here 😆

#nordicjs #nordicjsbadges

2 1 35

Reposted by Una Kravets

comiCSS @comicss.art · 6d

October 1st...

1 6 42

Una Kravets @una.im · 8d

Really nice example of CSS functions from @joshwcomeau.com in his Whimsical Animations course (todays the last day to register early access!)

Immediately optimized my radial popover menu with it 🙂

Demo: codepen.io/una/pen/YPwW...
Course: t.co/14NmSUHFs3
My functions post: una.im/5-css-functi...

@ function --polar-coordinate(--angle, --dist) {
result: translate(
calc(cos(var(--angle)) * var(--dist)),
calc(sin(var(--angle)) * var(--dist))
);
}

1 6 50

Una Kravets @una.im · 9d

Pro tip: if you’re giving a long conference talk or presentation and you dread run-throughs, you can just do them in chunks.

I give you permission 🙏

20

Una Kravets @una.im · 10d

Crazy Saturday night working on my talk 😜

Really excited to give this one!!

Nordic.js @nordicjs.com · 13d

Meet Una Kravets @una.im who leads Web UI DevRel at Google Chrome! Her talk “Back to the Future: of Web Development”, will challenge your assumptions and show you how the most exciting advances for the web are happening right now in HTML & CSS. The future is bright and it's simpler than you think.

1 2 28