Lightnews — Scholar-powered news

Kilian Valkhof @kilianvalkhof.com · 11m

This is making such a difference. Truly next-level emulation.

Polypane @polypane.app · 9d

New in Polypane 26: all our devices emulate the correct `safe-area-inset-*` CSS environment variables, as well as the correct small viewport height.

Toggle the visualization from the emulation settings to see where they're located. Like browser UI the svh overlay scrolls away when you scroll down.

1 4

Reposted by Kilian Valkhof

Mike Hauntington @mhartington.io · 16h

Hire Todd. He's smart and knows his shit. He'd make a great fit for any web team out there

Todd @toddl.dev · 16h

Getting the “Dear Todd” email as I call it the next days isn’t as bad as it used to be. But here I am, still looking for some income during this time, and not letting it affect me as bad as it used to.

4 5

Kilian Valkhof @kilianvalkhof.com · 1d

Yes, the typing is the point.

Having that scoped in for example a design system can be very useful

1

Reposted by Kilian Valkhof

Brecht De Ruyte @utilitybend.com · 1d

To elaborate on that. The first question I can visualize is some technical problems or potential dangers. The second one might have some really interesting cases that could benefit design system engineers.

Kilian Valkhof @kilianvalkhof.com · 1d

After @utilitybend.com's excellent talk at Frontmania on Engineering CSS I was left with two questions:

1. Why can't @property declarations be declared in a scope, The ability to scope custom props is so powerful this feels like a miss.

2. CSS Functions are great. Can we have typed in- and output?

1 2

Kilian Valkhof @kilianvalkhof.com · 1d

After @utilitybend.com's excellent talk at Frontmania on Engineering CSS I was left with two questions:

1. Why can't @property declarations be declared in a scope, The ability to scope custom props is so powerful this feels like a miss.

2. CSS Functions are great. Can we have typed in- and output?

1 5

Kilian Valkhof @kilianvalkhof.com · 1d

I know it's not in-vogue to say, but I upgraded @react.dev in Polypane to 19.2.0 yesterday at a conference when I had a spare 15 minutes and i didn't have to do anything else. It just works.

Gonna put in some places. Should be fun!

4

Kilian Valkhof @kilianvalkhof.com · 2d

😩

The state of the art is regexes.

😩😩😩

1

Reposted by Kilian Valkhof

Annie Sexton • Comics @anniecomics.bsky.social · 2d

I know we’re tired of AI takes but please please please read The Oatmeal’s take. It’s the best one.

theoatmeal.com/comics/ai_art

A cartoonist's review of AI art - The Oatmeal

This is a comic about AI art.

theoatmeal.com

10 26

Reposted by Kilian Valkhof

Frontend Dogma @frontenddogma.com · 3d

Polypane 26: Accurate Device Emulation With Safe Area and Small Viewport Units, by @polypane.app:

https://polypane.app/blog/polypane-26-accurate-device-emulation-with-safe-area-and-small-viewport-units/

#releasenotes #polypane #browsers

Polypane 26: Accurate device emulation with safe area and small viewport units | Polypane

Polypane 26 brings the most accurate device emulation available anywhere. We now emulate small viewport units (svh) and device-specific safe area insets, two…

polypane.app

2 2

Reposted by Kilian Valkhof

Todd @toddl.dev · 4d

I am immensely grateful that we almost hit the 40% raised mark I was hoping for after the first week. There is more work to get this goal reached. I won't stop now so I once again ask for any and all shares and donations, no matter how small. Every little bit helps. gofund.me/24c249d90

Donate to Fundraiser for Paula Johnson's Medical & Recovery Fund, organized by Todd Libby

My name is Todd Libby, and I am starting this on the behalf of my pa… Todd Libby needs your support for Fundraiser for Paula Johnson's Medical & Recovery Fund

gofund.me

1 4 2

Kilian Valkhof @kilianvalkhof.com · 4d

I already 'fixed' Google login and Cloudflare captcha for Polypane, and I'll get the Google Search Captcha issue too.

Kilian Valkhof @kilianvalkhof.com · 4d

One of the least fun aspects of building a browser is dealing with all the user-agent sniffing and profiling that systems to do and finding ways to deal with them, when it's all undocumented and obscured.

2 6

Kilian Valkhof @kilianvalkhof.com · 5d

Swanderful even.

3

Kilian Valkhof @kilianvalkhof.com · 7d

It’s on purplose.

1 7

Kilian Valkhof @kilianvalkhof.com · 7d

❤️

Reposted by Kilian Valkhof

Craig Roblewsky @pointc.bsky.social · 7d

Haven't praised @polypane.app lately so here it is. Such an awesome tool. I seriously can't imagine developing anything without it. Worth every penny. Highly recommended.

Polypane. The browser for web developers who care about their craft and users.

Polypane is a powerful desktop browser for web developers, built to streamline responsive design, accessibility, and SEO testing, all in one place.

polypane.app

4 8

Reposted by Kilian Valkhof

shri @shrikhalpada.dev · 7d

my magnum opus, an extension that converts AI-related words to egg-related words, is available for free in the Chrome Web Store!

Eggify - Chrome Web Store

chromewebstore.google.com

2 6

Reposted by Kilian Valkhof

Kevin Powell @kevinpowell.co · 8d

Do you have any smaller/under-the-radar CSS sites/people that you follow?

Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.

Reply if you know any, and look at the replies for new people/sites to follow 😊

17 14 55

Kilian Valkhof @kilianvalkhof.com · 8d

— endeavour

1 2

Kilian Valkhof @kilianvalkhof.com · 8d

ah the completely human endeavor of googling "em dash" and manually copying and pasting the long dash into your document.

bliss such as only humans feel

1 2

Kilian Valkhof @kilianvalkhof.com · 8d

It's a first sentence, so that could be increased in more sentencing after non-compliance. We'll see.

1

Kilian Valkhof @kilianvalkhof.com · 8d

That, too, is wild. sibling-index() is going to unlock a whole bunch of stuff!

That said, I vastly prefer the original clunky :nth-child():nth-child() notation over this inscrutable calculation. ;)

1

Kilian Valkhof @kilianvalkhof.com · 8d

The courts just ordered Meta to offer an algorithm-free version of their _default_ newsfeed for Dutch users 🥳 (i.e. it can be set as the default)

I'm strongly in favor of this becoming an EU-wide requirement, but it looks like that's not on the table yet.

nos.nl/artikel/2584...

Rechter: Instagram en Facebook moeten algoritmevrije optie krijgen

Bits of Freedom eiste dat in een rechtszaak en kreeg gelijk van de Nederlandse rechter.

nos.nl

1 7

Kilian Valkhof @kilianvalkhof.com · 8d

no way!

I understand like half of this :D

Reposted by Kilian Valkhof

Andrew Hudson @andrewhudson.dev · 8d

You could do it with container query range syntax (coming Chrome 142+ I think) e.g. codepen.io/bigandy/pen/...

container style range query - Chrome 142+

...

codepen.io

2 1 1