Lightnews — Scholar-powered news

Reposted by Penny

Bramus @bram.us · 7d

At #fronteers #DarkMode, @utilitybend.com proposed the HTML Element.

It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.

Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...

Brecht on stage showing some of the demos.

2 7 43

Reposted by Penny

Nordic.js @nordicjs.com · 7d

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

1 2 17

Reposted by Penny

Josh W. Comeau @joshwcomeau.com · 8d

I’ll be speaking in Toronto in a couple of weeks! It’ll be on animation design, and some of the cool things we can do to make our websites/webapps more whimsical. ✨

fitc.ca/event/webu25...

Web Unleashed 2025 // October 21-22 // Toronto & Online

The ultimate conference for front-end dev experts

fitc.ca

3 2 34

Reposted by Penny

Bramus @bram.us · 8d

🤩 View Transitions excitement! Goooooo Ladybird!

> This month, a lot of the underlying machinery for this has been implemented. It's going to take a bit longer before it's usable, but it's a good start to an exciting new web feature.

buttondown.com/ladybird/arc...

This Month in Ladybird: September 2025

September wrapped up with 207 merged PRs from 40 contributors. Let’s take a look at some highlights: Welcoming new sponsors Ladybird is entirely funded by...

buttondown.com

5 16

Penny @digitaltransient.bsky.social · 9d

It's a smile graph!

1

Penny @digitaltransient.bsky.social · 9d

Accessible CSS carousels are here!

Our new post, co-authored with @flackr.bsky.social and Lucas Radaelli (x.com/lucasradaelli), walks you through building them with the new APIs.

The APIs are Interop 2026 proposals, soon on their way to all browsers. 🤞

developer.chrome.com/blog/accessi...

Make accessible carousels | Blog | Chrome for Developers

How the features in CSS Overflow 5 can help you create more accessible carousel patterns.

developer.chrome.com

1 2 8

Penny @digitaltransient.bsky.social · 16d

Sounds like a good Halloween costume.

Reposted by Penny

CSS-Tricks* @css-tricks.bsky.social · 23d

There's a nice series from @sturobson.com getting into *why* and *how* to "un-Sass" CSS.

www.alwaystwisted.com/articles/UnS...

@jeffbridgforth.com is making a similar leap and shares how he's approaching it:

css-tricks.com/is-it-time-t...

Is it Time to Un-Sass? | CSS-Tricks

Many of the Sass features we've grown to love have made their way into native CSS in some shape or form. So, should we still use Sass? This is how developer Jeff Bridgworth is thinking about it.

css-tricks.com

2 11 36

Reposted by Penny

Paul Kinlan @paul.kinlan.me · 17d

This is such a great enhancement. Being able to have any tool that talks MCP have the ability to deeply introspect your pages is huge.

Chrome for Developers @developer.chrome.com · 17d

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→ goo.gle/4pDE6Tk

With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

1 1 8

Reposted by Penny

Josh W. Comeau @joshwcomeau.com · 16d

We’re live!! My brand-new course, “Whimsical Animations”, is now available. 🥳🎉

whimsy.joshwcomeau.com

I’m so excited to share all of my animation tools and techniques with y’all. 😄

Whimsical Animations

Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

whimsy.joshwcomeau.com

18 100 300

Reposted by Penny

Bramus @bram.us · 16d

CSS Excitement!

> RESOLVED: Add `color-scheme()` test to both `@container` queries and `if()`.

github.com/w3c/csswg-dr...

This means you can do a light-dark() that works with any type of value 🤩🤩

```
background-image: if(color-scheme(dark): url(dark.svg); else: url(light.svg));
```

[css-values-5] Using `if()` to do dark/light switching of image urls. · Issue #10577 · w3c/csswg-drafts

Please forgive me if this one's a bit vague as I'm adding an issue here at Chris Lilley's request, and I'm not familiar with the process too much. There are times when I need to swap the background...

github.com

2 4 30

Reposted by Penny

Nicole Rust @nicolecrust.bsky.social · 16d

This is amazing! The company behind it is uniQure and it's a type of gene therapy. Does anyone know the story about the preclinical work leading up to it? It know a lot about the discovery of the HTT mutation (an amazing story!). I'm curious about this specific microRNA approach: who developed it?

Our investigational gene therapy candidate AMT-130 consists of an AAV5 vector carrying an artificial micro-RNA specifically tailored to silence the huntingtin gene, leveraging our proprietary miQURE™ silencing technology. The therapeutic goal is to inhibit the production of the mutant protein (mHTT). Using AAV vectors to deliver micro-RNAs directly to the brain for non-selective knockdown of the huntingtin gene represents a highly innovative and promising approach to treating Huntington’s disease.

2 12 56

Reposted by Penny

johnphamous @phamous.dev · 17d

guidelines for building interfaces on the web

interactions, animations, layout, content, forms, performance, design & copywriting

includes an AGENTS.md

1 4 23

Reposted by Penny

Toronto Boris @torontoboris.bsky.social · 17d

Memories of Fiery sunsets.

Grundy, Ontario
Sept 2016

#WeekMforMemories #AlphabetChallenge #EastCoastKin #sunset #ShareCanGeo #blueskyphotography #GrundyPP

68 240 2.7K

Reposted by Penny

IntentToShip @intenttoship.dev · 22d

Blink: Intent to Ship: Interest Invokers (the `interestfor` attribute)

groups.google.com

3 9

Reposted by Penny

IntentToShip @intenttoship.dev · Sep 3

Blink: Intent to Ship: :target-before and :target-after pseudo-classes

groups.google.com

2 6

Reposted by Penny

IntentToShip @intenttoship.dev · Sep 8

Blink: Intent to Prototype: Overscroll Gestures

groups.google.com

2 6

Reposted by Penny

IntentToShip @intenttoship.dev · 29d

Blink: Intent to Ship: Respect overscroll-behavior on non-scrollable scroll containers

groups.google.com

2 2

Reposted by Penny

Una Kravets @una.im · 25d

To do this with the (upcoming) interest invoker API, it's 1 line of code:

.parent:has(:interest-source) button {
interest-show-delay: 0s;
}

You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover).

codepen.io/una/pen/LEpw...

1 18 160

Reposted by Penny

Jen Simmons @jensimmons.bsky.social · 25d

Safari 26 is here!!! Anchor Positioning, Scroll-driven animations, High Dynamic Range images, the new HTML element, the all-new Digital Credentials API, SVG icon support, WebGPU, WebKit in SwiftUI, every site can be a web app on iOS and iPadOS, and much more.

webkit.org/blog/17333/w...

WebKit Features in Safari 26.0

We’re happy to share with you what’s arriving in Safari 26.0!

webkit.org

7 30 140

Reposted by Penny

Dongmei Li @dongmei960.bsky.social · 28d

Lotus

#photography #flowers #plants #blossom
#BloomScrolling

2 14 170

Penny @digitaltransient.bsky.social · Sep 10

Concurrent View Transitions is a huge unlock, please kick the tires on these and give us feedback!

Bramus @bram.us · Sep 10

If you thought we were done with View Transitions, guess again!

A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.

This unlocks things like concurrent transitions and prevents layering issues.

developer.chrome.com/blog/scoped-...

9

Reposted by Penny

Bramus @bram.us · Sep 10

If you thought we were done with View Transitions, guess again!

A feature Chrome is working on, is “Scoped View Transitions”, which allow you to scope a VT to a subtree of the DOM.

This unlocks things like concurrent transitions and prevents layering issues.

developer.chrome.com/blog/scoped-...

6 28 200

Reposted by Penny

Una Kravets @una.im · Sep 10

Here's your chance to have your voice heard! What do you want to see land cross-browser in 2026?

Barry Pollard @tunetheweb.com · Sep 4

Interop 2026 has started asking for proposals.

web.dev/blog/interop...

What would you like to see being made more interoperable across all the major browsers?

Make your proposals for Interop 2026 | Blog | web.dev

Find out about the progress of Interop 2025, and how to submit your ideas for 2026.

web.dev

2 2 13

Reposted by Penny

Michelle says: Be kind. Always. ❤️ @snarkysillysad.bsky.social · Sep 2

A calm good morning from this aquatic plant producing oxygen: #AGoodPlace

Source: www.reddit.com/r/oddlysatis...

110 730 5.7K