Nilesh Prajapati
banner
nileshprajapati.com
Nilesh Prajapati
@nileshprajapati.com
240 followers 540 following 560 posts
👨🏾‍🎨 Front-End developer. 🩵 #CSS Sommelier ✈️ Traveller. 🛠️ Design System nileshprajapati.com
Posts Media Videos Starter Packs
URLPattern 👨‍🍳🤌❤️
Reposted by Nilesh Prajapati
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
Reposted by Nilesh Prajapati
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
Reposted by Nilesh Prajapati
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
Reposted by Nilesh Prajapati
This little snippet made debugging view transitions a lot easier
Reposted by Nilesh Prajapati
8 lessons of what I think is some of the most important content on Complete CSS: free to everyone!
Chrome Canary 144 has Split View 👀
- 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)
Reposted by Nilesh Prajapati
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