Author | Lightnews

Nilesh Prajapati @nileshprajapati.com · 14h

URLPattern 👨‍🍳🤌❤️

Reposted by Nilesh Prajapati

Jen Simmons @jensimmons.bsky.social · 1d

Safari 26.1 arrives today. What does this bring developers? Many improvements to Anchor Positioning. A refactor of how WebKit handles CSS Units, bringing relative units (rlh, ic, cap, cqw, cqi, cqmin, cqmax) to SVG for the first time. And many other fixes.

webkit.org/blog/17541/w...

WebKit Features for Safari 26.1

Today, Safari 26.1 is available with iOS 26.1, iPadOS 26.1, macOS Sequoia 26.1 and visionOS 26.1, as well as for macOS Sequoia and macOS Sonoma.

webkit.org

4 11 66

Reposted by Nilesh Prajapati

Danny Moerkerke @dannymoerkerke.bsky.social · 1d

With the CSS if() function and range syntax in style queries, I created a simplified version of a slider that changes its background color based on its progress.

The initial version used a custom CSS @function.

Details in the upcoming edition of Modern Web Weekly.

Demo and subscribe link 👇 1/3

1 1 1

Nilesh Prajapati @nileshprajapati.com · 1d

Instant snapport #CSS

Instant snapport

How to tweak the optimal viewing region of the scrollport.

cssence.com

1

Nilesh Prajapati @nileshprajapati.com · 1d

LinkedIn is now using your humble posts and achievements to train AI models, how to opt out 9to5mac.com/2025/11/03/s...

Security Bite: LinkedIn is now using your humble posts and achievements to train AI models, how to opt out - 9to5Mac

9to5Mac Security Bite is exclusively brought to you by Mosyle, the only Apple Unified Platform. Making Apple devices work-ready and enterprise-safe...

9to5mac.com

1 1 3

Nilesh Prajapati @nileshprajapati.com · 2d

Chrome supports split views (behind a flag)

Turn on the experimental tab split views via a Chrome flag.

www.stefanjudis.com

Nilesh Prajapati @nileshprajapati.com · 4d

#CSS Scope 👀

IntentToShip @intenttoship.dev · 4d

Gecko: Intent to Ship: Scoped Styles (@scope)

groups.google.com

1

Nilesh Prajapati @nileshprajapati.com · 4d

Super Simple Full-Bleed & Breakout Styles by @anatudor.bsky.social #CSS

Super Simple Full-Bleed & Breakout Styles

Having a width-limited centered column of content is common and good, but what do you do when you need to break out? It's not hard these days, but it does depend on the situation.

frontendmasters.com

Reposted by Nilesh Prajapati

Piccalilli @piccalil.li · 4d

For folks in the UK, our merch store has free shipping until Sunday! piccalilli.teemill.com

Piccalilli merch store

Support Piccalilli with our official merch

piccalilli.teemill.com

1 2 1

Reposted by Nilesh Prajapati

Matthias Ott @matthiasott.com · 4d

✍️ New post: To Affinity and Beyond

#blogtober #design #tools #affinity
matthiasott.com/notes/to-aff...

To Affinity and Beyond · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

1 10

Nilesh Prajapati @nileshprajapati.com · 5d

Safari Technology Preview 231
#CSS
- safe keyword with anchor-center in CSS Anchor Positioning
- flip-x and flip-y options in position-try-fallback for Anchor Positioning

Release Notes for Safari Technology Preview 231

Safari Technology Preview Release 231 is now available for download for macOS Tahoe and macOS Sequoia.

webkit.org

1

Nilesh Prajapati @nileshprajapati.com · 5d

Are your Anchor Links Accessible?

amberwilson.co.uk

Reposted by Nilesh Prajapati

The Verge @theverge.com · 5d

How Silicon Valley enshittified the internet

Author Cory Doctorow on platform decay and why everything on the internet feels like it’s getting worse.

buff.ly

3 16 84

Nilesh Prajapati @nileshprajapati.com · 5d

New to the web platform in October

New to the web platform in October | Blog | web.dev

Discover some of the interesting features that have landed in stable and beta web browsers during October 2025.

web.dev

Reposted by Nilesh Prajapati

Jamie Kyle @jamie.build · 6d

This little snippet made debugging view transitions a lot easier

::view-transition-group(*) {
animation-duration: 3000ms;
}

::view-transition-group(*) { outline: 1px solid blue }
::view-transition-image-pair(*) { outline: 1px solid yellow }
::view-transition-old(*) { outline: 1px solid red }
::view-transition-new(*) { outline: 1px solid green }

2 17 130

Nilesh Prajapati @nileshprajapati.com · 5d

Happy birthday 🎊

1

Reposted by Nilesh Prajapati

Andy Bell @bell.bz · 6d

8 lessons of what I think is some of the most important content on Complete CSS: free to everyone!

20 44

Nilesh Prajapati @nileshprajapati.com · 5d

Detect fallback positions with #CSS anchored container queries from Chrome 143

Detect fallback positions with anchored container queries from Chrome 143 | Blog | Chrome for Developers

Detect fallback positions with anchored container queries from Chrome 143

developer.chrome.com

1

Nilesh Prajapati @nileshprajapati.com · 6d

Chrome Canary 144 has Split View 👀

1

Reposted by Nilesh Prajapati

IntentToShip @intenttoship.dev · 6d

Blink: Intent to Ship: side-relative syntax for background-position-x/y longhands

groups.google.com

1 1

Reposted by Nilesh Prajapati

IntentToShip @intenttoship.dev · 6d

Gecko: Intent to prototype: Document Picture-in-Picture API

groups.google.com

1 7

Reposted by Nilesh Prajapati

IntentToShip @intenttoship.dev · 6d

Blink: Intent to Ship: CSS caret-shape property

groups.google.com

1 6

Nilesh Prajapati @nileshprajapati.com · 6d

- Support download attribute in SVG element
- Range syntax for #CSS style container queries and if()
- target-before and :target-after pseudo-classes
- Interest Invokers (the interestfor attribute)

1

Reposted by Nilesh Prajapati

Schalk Neethling @schalkneethling.com · 6d

Springs and Bounces in Native CSS • Josh W. Comeau | The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. ... | www.joshwcomeau.com/animation/li...

Springs and Bounces in Native CSS • Josh W. Comeau

The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been experiment...

www.joshwcomeau.com

2 4

Nilesh Prajapati @nileshprajapati.com · 6d

New in Chrome 142

New in Chrome 142 | Blog | Chrome for Developers

The :target-before and :target-after pseudo-classes, range syntax for container queries, and more.

developer.chrome.com

1 1 1