Sign in

Nilesh Prajapati

@nileshprajapati.com
330 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
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 11h
Blink: Intent to Prototype: CSSPseudoElement.selectorText
groups.google.com
Blink: Intent to Prototype: CSSPseudoElement.selectorText
Blink: Intent to Prototype: CSSPseudoElement.selectorText
031
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 12h
Blink: Intent to Experiment: Overscroll Areas
groups.google.com
Blink: Intent to Experiment: Overscroll Areas
Blink: Intent to Experiment: Overscroll Areas
043
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 18h
Blink: Intent to Ship: HTML-in-canvas
groups.google.com
Blink: Intent to Ship: HTML-in-canvas
Blink: Intent to Ship: HTML-in-canvas
0183
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 👍
2184
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.
621145
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 🧵
2517
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
2828
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.
57419
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...
5536
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
Reposted by Nilesh Prajapati
Bramus @bram.us · 20/09/2026
Oh wait a minute … what do we have here? 👀 (It’s a bit hidden in the Simulator because the “Feature Flags” option is placed below the fold …_)
Screenshot of the Device Posture API Feature FlagScreenshot of the Viewport Segments API Feature Flag
251
Nilesh Prajapati @nileshprajapati.com · 20/09/2026
iOS 27 allows Remind Me to be placed within a folder 🎉
000
Nilesh Prajapati @nileshprajapati.com · 20/09/2026
Does anyone have any example of view transition: card → blog article?
010
Reposted by Nilesh Prajapati
Keith Cirkel @keithamus.social · 19/09/2026
I want Custom Attributes to exist - think Custom Elements (Web Components) but Attributes. I've been working on a proposal, specs, and now a polyfill: www.keithcirkel.co.uk/custom-attri... More coming soon!
keithcirkel.co.uk
Custom Attributes polyfill
79723
Reposted by Nilesh Prajapati
Dan Holloran @grimicorn.bsky.social · 19/09/2026
Grid and flexbox reorder a layout without touching the DOM, which quietly breaks keyboard tab order. CSS reading-flow lets you fix it. 🔗 danholloran.me/posts/css-re... #webdev #css #a11y
danholloran.me
CSS reading-flow: Fix the Tab Order Your Layout Broke
Grid and flexbox let you rearrange a layout without touching the DOM, which quietly breaks keyboard navigation. The reading-flow and reading-order properties finally let CSS tell the browser which ord...
051
Nilesh Prajapati @nileshprajapati.com · 20/09/2026
What's New in PHP 8.6
laravel-news.com
What's New in PHP 8.6
PHP 8.6 arrives November 19, 2026 with partial function application, a clamp() function, a Duration class, readonly property defaults, and new deprecations.
030
Reposted by Nilesh Prajapati
Ronalds Vilciņš @ronaldsvilcins.com · 19/09/2026
Smoother Page Changes With View Transitions ronaldsvilcins.com/2026/09/14/s... #css #html #programming #webdev #javascript #code #blog #article #rss #blogging
ronaldsvilcins.com
Smoother Page Changes With View Transitions · Ronalds Vilciņš
Use the View Transition API for same-page state changes and progressive cross-document animation on a normal multi-page site.
022
Reposted by Nilesh Prajapati
Inautilo @inautilo.bsky.social · 19/09/2026
#Development #Launches Modern web types · Types for every API in any stable browser ilo.im/16g5u8 by Philip Walton _____ #TypeScript #DOM #APIs #Browsers #WebDev #Frontend #JavaScript
ilo.im
Modern Web Types
If you've ever written code against a new web API in TypeScript, you've probably seen an error telling you the thing you're using doesn't exist. Turns out, TypeScript intentionally doesn't support all...
031
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 18/09/2026
Blink: Intent to Prototype: <rangegroup> element
groups.google.com
Blink: Intent to Prototype: <rangegroup> element
Blink: Intent to Prototype: <rangegroup> element
0214
Reposted by Nilesh Prajapati
Geoff Graham @geoffgraham.me · 18/09/2026
The Front-End Community is Still Alive and Beautiful I thought about dropping an addendum into my last post to say just how overwhelmed I am, in the best possible way, by the way all of you in the... geoffgraham.me/the-front-end-commun…
geoffgraham.me
The Front-End Community is Still Alive and Beautiful
I thought about dropping an addendum into my last post to say just how overwhelmed I am, in the best possible way, by the way all of you in the front-end community have shown up to show support, both for me and for CSS-Tricks. I started to do that but then felt a new post...
111028
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 18/09/2026
Gecko: Intent to prototype: CSS corner-shape
groups.google.com
Gecko: Intent to prototype: CSS corner-shape
Gecko: Intent to prototype: CSS corner-shape
0162
Reposted by Nilesh Prajapati
IntentToShip @intenttoship.dev · 18/09/2026
Blink: Intent to Ship: CSS corner shorthand properties
groups.google.com
Blink: Intent to Ship: CSS corner shorthand properties
Blink: Intent to Ship: CSS corner shorthand properties
032