Lightnews — Scholar-powered news

Kilian Valkhof @kilianvalkhof.com · 1d

😩

The state of the art is regexes.

😩😩😩

Reposted by Kilian Valkhof

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

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 25

Reposted by Kilian Valkhof

Frontend Dogma @frontenddogma.com · 1d

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 · 2d

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 · 2d

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

Kilian Valkhof @kilianvalkhof.com · 2d

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 · 4d

Swanderful even.

3

Kilian Valkhof @kilianvalkhof.com · 5d

It’s on purplose.

1 7

Kilian Valkhof @kilianvalkhof.com · 5d

❤️

Reposted by Kilian Valkhof

Craig Roblewsky @pointc.bsky.social · 6d

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 · 6d

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 · 6d

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 · 6d

— endeavour

1 2

Kilian Valkhof @kilianvalkhof.com · 6d

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 · 6d

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

1

Kilian Valkhof @kilianvalkhof.com · 6d

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 · 6d

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 · 6d

no way!

I understand like half of this :D

Reposted by Kilian Valkhof

Andrew Hudson @andrewhudson.dev · 6d

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

Kilian Valkhof @kilianvalkhof.com · 6d

I'd open a CSSWG ticket, but that has never worked out for me so 🤷

1

Kilian Valkhof @kilianvalkhof.com · 6d

:nth-child() and friends.

You can select arbitrary ranges with `nth-child(n+X):nth-child(-n+Y)` to select everything between X and Y.

Wouldn't it be neat if you could just to `:nth-child( x < n < y)` ?

2 8

Reposted by Kilian Valkhof

Manuel Matuzović @matuzo.at · 6d

Last week I wrote my first post for @piccalil.li 💛

In this article I explain how you can use container style queries to work around the limitation in media queries that hinders you to use custom properties.

piccalil.li/blog/a-worka...

A workaround for using custom properties in media queries

One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a...

piccalil.li

1 7 35

Kilian Valkhof @kilianvalkhof.com · 6d

...I don't know in how many more places I need to put "yearly" or "monthly", with multiple arrows pointing at the toggle to change between them, for people to stop "accidentally" choosing the time period they actually didn't want.

just at my wits end.

1 1

Reposted by Kilian Valkhof

Polypane @polypane.app · 6d

Custom media queries are actively being worked on in Chromium, so it won't be long until we can update our complete guide to CSS Media queries!

Check it out to get a head start on using custom media queries.

polypane.app/blog/the-com...

The complete guide to CSS media queries | Polypane

Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device…

polypane.app

2 3

Reposted by Kilian Valkhof

Polypane @polypane.app · 7d

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 2 16