Sign in

Nilesh Prajapati

@nileshprajapati.com
333 followers 585 following 1.1K posts

Design Engineer (UX Designer) and Web Developer | Specialising in the intersection of design and code. | HTML, CSS, JavaScript, Design Systems | Web Standards, Accessibility | 10+ yrs Enterprise SaaS & EdTech

PostsRepliesMedia
Nilesh Prajapati @nileshprajapati.com · 15h
I recommend: - Duomo di Milano - Experience the local ice cream - Visiting the Starbucks Reserve for a range of coffee, cocktails, and food.
000
Nilesh Prajapati @nileshprajapati.com · 15h
+1 new subscriber ❤️
010
Reposted by Nilesh Prajapati
romainmenke @romainmenke.bsky.social · 03/10/2026
postcss-preset-env now includes the mixins and custom functions #postcss plugins: preset-env.cssdb.org/blog/postcss... Turns out that it is also possible to implement one of the gamut mapping algorithms as a custom function!
preset-env.cssdb.org
PostCSS Mixins And PostCSS Custom Functions | CSS Tools
Use @mixin and @function in CSS
082
Reposted by Nilesh Prajapati
Lea Verou, PhD @lea.verou.me · 03/10/2026
This is exciting. 😍 CSS Mixins and Functions are features that will transform how CSS is written and shared and this makes them usable, today! I'd use these via `@import url(…) supports(not at-rule(@function));` otherwise you get no benefit in browsers that support functions/mixins natively.
1294
Nilesh Prajapati @nileshprajapati.com · 03/10/2026
Opening the can of tooltips patrickbrosset.com/articles/202...
patrickbrosset.com
Patrick - Opening the can of tooltips
Tooltips seem simple, until you look closer. The title attribute can't be styled and isn't accessible to everyone, while custom tooltips come with plenty of complexity. What would it take to build a n...
020
Reposted by Nilesh Prajapati
Keith Cirkel @keithamus.social · 02/10/2026
Web developers! Do you use html forms? Do you let forms submit or just use them for UI and call fetch()? Don’t use forms? Tell me why. Do? Tell me what’s painful. Let’s see if we can fix it!
15154
Nilesh Prajapati @nileshprajapati.com · 02/10/2026
Happy 200 🎉 🎉 🎉
010
Nilesh Prajapati @nileshprajapati.com · 02/10/2026
Chrome 155 #CSS - symbols() - corner shorthand properties - text-decoration-skip-spaces - margin-trim 🎉 #JS - Import Text (Text Modules) WebApi - JPEG XL decoding support (image/jxl) - PredefinedColorSpace srgb-linear and display-p3-linear - Renewed HTML insertion and streaming methods
developer.chrome.com
Chrome 155 beta  |  Blog  |  Chrome for Developers
Get a preview of the next Chrome release with this post detailing the features in the current beta.
000
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 01/10/2026
Blink: Intent to Prototype: CSSPseudoElement.selectorText
groups.google.com
Blink: Intent to Prototype: CSSPseudoElement.selectorText
Blink: Intent to Prototype: CSSPseudoElement.selectorText
021
Nilesh Prajapati @nileshprajapati.com · 01/10/2026
September 2026 web platform update
web-platform-dx.github.io
Web features explorer - Home
Use the web features explorer to discover new features and APIs and stay up-to-date with changes.
020
Reposted by Nilesh Prajapati
zeldman @zeldman.bsky.social · 01/10/2026
New HTML and CSS features you should be using in your design system per @zeroheight.com. zeroheight.com/blog/new-htm...
zeroheight.com
New HTML and CSS features you should be using in your design system - zeroheight
Declan Chidlow explores new HTML and CSS features that can make your design system more flexible, adaptable, and maintainable.
2519
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 30/09/2026
Blink: Intent to Prototype: CSSPseudoElement.selectorText
groups.google.com
Blink: Intent to Prototype: CSSPseudoElement.selectorText
Blink: Intent to Prototype: CSSPseudoElement.selectorText
041
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 30/09/2026
Blink: Intent to Experiment: Overscroll Areas
groups.google.com
Blink: Intent to Experiment: Overscroll Areas
Blink: Intent to Experiment: Overscroll Areas
074
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 30/09/2026
Blink: Intent to Ship: HTML-in-canvas
groups.google.com
Blink: Intent to Ship: HTML-in-canvas
Blink: Intent to Ship: HTML-in-canvas
0203
Reposted by Nilesh Prajapati
Rob Palmer @robpalmer.bsky.social · 30/09/2026
ECMAScript excitement 😉 Congrats to Richard Gibson on advancing BigInt from Exponential to Stage 2 at @tc39.es today 🎉 🔶 BigInt("1e2") It allows a BigInt to be created from a number that includes an exponential component 👍
2194
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 30/09/2026
Blink: Intent to Prototype: Text Detection API
groups.google.com
Blink: Intent to Prototype: Text Detection API
Blink: Intent to Prototype: Text Detection API
051
Reposted by Nilesh Prajapati
Firefox for Web Developers @webdevs.firefox.com · 29/09/2026
Firefox 157 has landed, and includes a couple of useful CSS features: 🎉 at-rule() in @supports - lets you limit rules to browsers that support a given at-rule. 🎉 overscroll-behavior: chain - lets scrolling pass up to parent elements, but prevents UA effects like 'bounce' and overscroll. …And more!
developer.mozilla.org
Firefox 157 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 157 that affect developers. Firefox 157 was released on September 29, 2026.
25311
Reposted by Nilesh Prajapati
Patrick Brosset @patrickbrosset.com · 29/09/2026
Oh very nice! CSS Grid Lanes (aka Masonry) is enabled in Firefox Nightly (159) 😍 Wonder if this will "ride the trains" to the stable channel. Anyone know?
My computer screen, showing 2 Firefox windows, each one containing a different CSS Grid Lanes (aka Masonry) demo proving that the new layout system now works in Firefox. A third small window shows the About Firefox Nightly information, containing the version number 159.0a1.
2265
Reposted by Nilesh Prajapati
Ronalds Vilciņš @ronaldsvilcins.com · 28/09/2026
Input Suggestions With HTML datalist ronaldsvilcins.com/2026/09/19/i... #css #html #programming #webdev #javascript #code #blog #article #rss #blogging
ronaldsvilcins.com
Input Suggestions With HTML datalist · Ronalds Vilciņš
Add native suggestions to an HTML input with datalist while still allowing values outside the provided list.
041
Reposted by Nilesh Prajapati
EmDash CMS @emdashcms.com · 28/09/2026
EmDash 1.0 is here! A modern, secure CMS, built on Astro as the spiritual successor to WordPress. Plugins run in secure sandboxes, and the distributed plugin registry is powered by Atproto!
emdashcms.com
EmDash 1.0: an open source CMS for Astro
Announcing EmDash 1.0, a stable, free and open source CMS built on Astro.
621446
Nilesh Prajapati @nileshprajapati.com · 28/09/2026
I’ve been thinking about spacing #CSS units, considering using the em unit again. I have already been using lh/rlh unit spacing between content as of late.
020
Reposted by Nilesh Prajapati
Rob Palmer @robpalmer.bsky.social · 27/09/2026
ECMAScript excitement 😉 Sony Interactive Entertainment will host this week's TC39 meeting in Tokyo. Potential advancements: 4⃣ Dynamic Code Brand Checks 4⃣ Iterator Chunking/Includes/Join 3⃣ Thenable Curtailment 2⃣.7⃣ default in export * 2⃣.7⃣ export defer 2⃣.7⃣ JSON.parse opts 🧵
2518
Nilesh Prajapati @nileshprajapati.com · 27/09/2026
Respecting your users’ preferences
tempertemper.net
Respecting your users’ preferences
Our users have already chosen how they want their devices to behave. Here’s how we can respect those preferences on the web.
030
Reposted by Nilesh Prajapati
Paweł Grzybek @pawelgrzybek.com · 26/09/2026
I'm currently reading this proposal to add native `previewsrc` to the HTML img element. Interesting and good issues raised by the community. "Blurry before beautiful: image previews for the web" by @patrickbrosset.com Proposal: github.com/MicrosoftEdg... Issues: github.com/MicrosoftEdg... #html
github.com
MSEdgeExplainers/ImagePreview/explainer.md at main · MicrosoftEdge/MSEdgeExplainers
Home for explainer documents originated by the Microsoft Edge team - MicrosoftEdge/MSEdgeExplainers
041
Reposted by Nilesh Prajapati
Ronalds Vilciņš @ronaldsvilcins.com · 26/09/2026
When CSS @supports Is Useful ronaldsvilcins.com/2026/09/16/w... #css #html #programming #webdev #javascript #code #blog #article #rss #blogging
ronaldsvilcins.com
When CSS @supports Is Useful · Ronalds Vilciņš
Add modern CSS with @supports feature queries when unsupported browsers need a genuinely different layout or behaviour.
051
Nilesh Prajapati @nileshprajapati.com · 25/09/2026
#CSS Scroll Driven Animation 👀
020
Reposted by Nilesh Prajapati
Kevin Powell @kevinpowell.co · 25/09/2026
At least in the circles I follow, there's been so much about educators leaving the space because of the various impacts of AI, but everyone is sick of the state of things. Push enough talent away, and bad things are going to happen. youtu.be/1aW7P3ZAUYw
youtu.be
We're all fed up
YouTube video by General Musings with Kevin Powell
2829
Nilesh Prajapati @nileshprajapati.com · 25/09/2026
Happy Friday
000
Reposted by Nilesh Prajapati
Manuel Matuzović @matuzo.at · 25/09/2026
In case you missed it, here's a recording of my talk 19½ Things You Didn’t Know about Accessibility in HTML and CSS, which I presented yesterday at #ID24. www.youtube.com/watch?v=h3Jh... Slides: noti.st/matuzo/OD53a...
youtube.com
Manuel Matuzović / 19½ Things You Didn’t Know about Accessibility in HTML and CSS #id24 2026
YouTube video by Inclusive Design 24 #id24
22811
Reposted by Nilesh Prajapati
Andy Bell @bell.bz · 24/09/2026
I don’t know how people read “we’re going to lose some fine intellectual dexterity” and then just crack on with whatever their agents are doing
2182
Reposted by Nilesh Prajapati
Ahmad Shadeed @ishadeed.com · 24/09/2026
✍️ New Article: Detect when elements overlap with CSS Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning. ishadeed.com/article/css-...
ishadeed.com
Detect when elements overlap with CSS
Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.
67619
Nilesh Prajapati @nileshprajapati.com · 24/09/2026
Can’t wait, I’m genuinely curious how progress compares to clamp and use case.
010
Reposted by Nilesh Prajapati
Patrick Brosset @patrickbrosset.com · 24/09/2026
The call for Interop 2027 proposals is closing today. More than 100 proposals got created! Here are my favs 🤩 patrickbrosset.com/lab/interop-... Check them out!
40 colored squares with my favorite feature names.
2218
Nilesh Prajapati @nileshprajapati.com · 24/09/2026
@jensimmons.bsky.social I was wondering if there is any development regarding -webkit-font-smoothing? Is it still something that WebKit is looking to standardise or remove?
130
Nilesh Prajapati @nileshprajapati.com · 24/09/2026
Safari Technology Preview 253 Animations: - Global style-originated scroll timelines #CSS - Extended numeric range for East Asian counter styles - Support for CSSContainerRule.conditions - Safe/unsafe keyword combining w/ normal alignment - sibling-index()/count() within container query conditions
webkit.org
Release Notes for Safari Technology Preview 253
Safari Technology Preview Release 253 is now available for download for macOS Golden Gate and macOS Tahoe.
021
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 23/09/2026
Blink: Intent to Ship: CSS position-visibility:anchor{s}-valid
groups.google.com
Blink: Intent to Ship: CSS position-visibility:anchor{s}-valid
Blink: Intent to Ship: CSS position-visibility:anchor{s}-valid
032
Nilesh Prajapati @nileshprajapati.com · 23/09/2026
Safari 27.2
developer.apple.com
Safari 27.2 Beta Release Notes | Apple Developer Documentation
Released September 16, 2026 — 27.2 beta (20625.2.4)
011
Reposted by Nilesh Prajapati
Kevin Powell @kevinpowell.co · 23/09/2026
It's annoying to keep hearing about cool CSS features only to find out browser support isn't great, so today I take a look at a bunch of features that have fantastic support, but people still turn to JS for instead. youtu.be/qu1jE41O_8o
youtu.be
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
210730
Reposted by Nilesh Prajapati
Manuel Matuzović @matuzo.at · 23/09/2026
The CFP is open for 10 more days. So far, I have only 11 submissions, but I need at least 24. So, please share your ideas! First-time authors are very welcome!
21118
Reposted by Nilesh Prajapati
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 23/09/2026
You can follow bugzilla.mozilla.org/show_bug.cgi... to know when `@custom-media` will ship in @firefox.com At the moment, you can test them flipping `layout.css.custom-media.enabled` in about:config (Note that support in DevTools isn't fully done yet, see bugzilla.mozilla.org/show_bug.cgi...)
bugzilla.mozilla.org
2048216 - Ship custom-media-queries to release
NEW (nobody) in Core - CSS Parsing and Computation. Last updated 2026-09-14.
051
Reposted by Nilesh Prajapati
Andy Bell @bell.bz · 23/09/2026
If you think you’re alone in being miserable about being Claude‘s condom, you’re not www.reddit.com/r/ClaudeAI/c... Once you get past the loud minority — those who are dead behind the eyes, but smiling for the cameras — no one who is forced to use LLMs all day is happy in this industry
reddit.com
From the ClaudeAI community on Reddit
Explore this post and more from the ClaudeAI community
1926360
Nilesh Prajapati @nileshprajapati.com · 23/09/2026
New in Chrome 154: iframes that automatically resize themselves to their content by @bram.us #html
bram.us
New in Chrome 154: iframes that automatically resize themselves to their content
Chrome 154 adds support for responsively-sized iframes, letting an <iframe> size itself based on the intrinsic size of its embedded document. This is perfect for seamlessly embedding third-party comme...
5547
Reposted by Nilesh Prajapati
Bramus @bram.us · 22/09/2026
Another week, another package: show-keystrokes.netlify.app The native app I typically use to display keystrokes on the screen is disallowed by a corp policy. So I wrote a component to fill that gap. Embed it on your site and you’re good to go.
show-keystrokes.netlify.app
<show-keystrokes> – Keystroke & Shortcut Visualizer
A custom element that visualizes keystrokes, keyboard shortcuts, and navigational keys with macOS/Windows support and customizable themes.
58112
Nilesh Prajapati @nileshprajapati.com · 23/09/2026
One thing that I like to highlight is love and attention to #CSS text-decoration. Since Interop 2025 text-decoration shorthand baseline has been newly available. With the new addition of text-decoration-inset and text-decoration-skip-spaces.
000
Nilesh Prajapati @nileshprajapati.com · 23/09/2026
New in Chrome 154 - Responsively-sized <iframe> - #CSS scroll-marker-group mode - #CSS text-decoration-inset - FontFace width attribute and font-width descriptor - Light dismiss improvements for popovers and dialogs - Iterator includes
developer.chrome.com
Chrome 154  |  Release notes  |  Chrome for Developers
Responsively-sized iframes, CSS scroll-marker-group modes, CSS text-decoration-inset, Iterator.prototype.includes(), and more.
041
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 22/09/2026
Blink: Intent to Ship: Use scroll-snap-type: pair to snap to a single element
groups.google.com
Blink: Intent to Ship: Use scroll-snap-type: pair to snap to a single element
Blink: Intent to Ship: Use scroll-snap-type: pair to snap to a single element
081
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 22/09/2026
Gecko: Intent to Ship: CSS Typed Arithmetic
groups.google.com
Gecko: Intent to Ship: CSS Typed Arithmetic
Gecko: Intent to Ship: CSS Typed Arithmetic
0104
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 21/09/2026
Blink: Intent to Ship: HTML install element
groups.google.com
Blink: Intent to Ship: HTML install element
Blink: Intent to Ship: HTML install element
066
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 21/09/2026
Blink: Intent to Ship: Web Install API
groups.google.com
Blink: Intent to Ship: Web Install API
Blink: Intent to Ship: Web Install API
073
Nilesh Prajapati @nileshprajapati.com · 21/09/2026
#CSS text-overflow <string> read more…
112