Nilesh Prajapati
@nileshprajapati.com
👨🏾🎨 Front-End developer.
🩵 #CSS & #HTML Sommelier
✈️ Traveller.
🛠️ Design System
nileshprajapati.com
🩵 #CSS & #HTML Sommelier
✈️ Traveller.
🛠️ Design System
nileshprajapati.com
Reposted by Nilesh Prajapati
Toggle `position: sticky` to `position: fixed` on Scroll
Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.
Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.
Toggle `position: sticky` to `position: fixed` on Scroll
Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.
frontendmasters.com
December 24, 2025 at 3:39 PM
Toggle `position: sticky` to `position: fixed` on Scroll
Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.
Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.
Reposted by Nilesh Prajapati
Gecko: Intent to prototype: Replacing <input type=color> picker with in-browser popup
Gecko: Intent to prototype: Replacing <input type=color> picker with in-browser popup
Gecko: Intent to prototype: Replacing <input type=color> picker with in-browser popup
groups.google.com
December 23, 2025 at 1:55 PM
Gecko: Intent to prototype: Replacing <input type=color> picker with in-browser popup
Reposted by Nilesh Prajapati
Here's one of those super duper minor details that can make a designer's eyes water.
css-tricks.com/text-decorat...
css-tricks.com/text-decorat...
December 22, 2025 at 2:44 PM
Here's one of those super duper minor details that can make a designer's eyes water.
css-tricks.com/text-decorat...
css-tricks.com/text-decorat...
#CSS background divider line (using linear-gradient() with a single colour value)
background divider line (using linear-gradient() with a single color value)
...
codepen.io
December 22, 2025 at 12:00 PM
#CSS background divider line (using linear-gradient() with a single colour value)
The #HTML Elements Time Forgot htmhell.dev/adventcalend...
The HTML Elements Time Forgot - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 22, 2025 at 8:35 AM
The #HTML Elements Time Forgot htmhell.dev/adventcalend...
Introducing #CSS Grid Lanes
Introducing CSS Grid Lanes
It’s here, the future of masonry layouts on the web!
webkit.org
December 20, 2025 at 4:09 PM
Introducing #CSS Grid Lanes
The many lives of the page title
The many lives of the page title - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 20, 2025 at 3:57 PM
The many lives of the page title
Semantics beyond the tag name
Semantics beyond the tag name - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 20, 2025 at 3:41 PM
Semantics beyond the tag name
Masonry Layout is now `grid-lanes`
Masonry Layout is Now grid-lanes | CSS-Tricks
It's settled! A new CSS display property keyword called grid-lanes will trigger a masonry layout mode.
css-tricks.com
December 20, 2025 at 1:27 PM
Masonry Layout is now `grid-lanes`
Reposted by Nilesh Prajapati
For my last blog post of 2025, let me end the year with something personal.
cssence.com/2025/accessi...
#WebDev #A11Y
cssence.com/2025/accessi...
#WebDev #A11Y
Accessibility is personal
Is A11Y work rewarding? Demanding? Exhausting? All of the above?
cssence.com
December 19, 2025 at 8:49 PM
For my last blog post of 2025, let me end the year with something personal.
cssence.com/2025/accessi...
#WebDev #A11Y
cssence.com/2025/accessi...
#WebDev #A11Y
Reposted by Nilesh Prajapati
IDREFs: what they are and how to use them. @kilianvalkhof.com explains how attributes for, form, list, and ARIA IDREFs work for better structure and accessibility and the importance of unique, existing IDs and cross-browser testing. #html #a11y
htmhell.dev/adventcalend...
htmhell.dev/adventcalend...
December 19, 2025 at 1:49 PM
IDREFs: what they are and how to use them. @kilianvalkhof.com explains how attributes for, form, list, and ARIA IDREFs work for better structure and accessibility and the importance of unique, existing IDs and cross-browser testing. #html #a11y
htmhell.dev/adventcalend...
htmhell.dev/adventcalend...
Reposted by Nilesh Prajapati
This trend is real. Some websites have erred and gone in the "email magic link" direction instead of passkeys. The good news is that emailed magic links work great as a fallback for passkeys, so their work isn't completely wasted. rmondello.com/2025/01/02/m...
December 19, 2025 at 4:32 PM
This trend is real. Some websites have erred and gone in the "email magic link" direction instead of passkeys. The good news is that emailed magic links work great as a fallback for passkeys, so their work isn't completely wasted. rmondello.com/2025/01/02/m...
December 20, 2025 at 1:03 PM
Reposted by Nilesh Prajapati
Check out all the revised demos of Grid Lanes in Safari Technology Preview 234!
webkit.org/demos/grid3/
webkit.org/demos/grid3/
December 20, 2025 at 1:31 AM
Check out all the revised demos of Grid Lanes in Safari Technology Preview 234!
webkit.org/demos/grid3/
webkit.org/demos/grid3/
Reposted by Nilesh Prajapati
More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…
December 20, 2025 at 1:19 AM
More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…
Reposted by Nilesh Prajapati
Streams are now iterable in Safari Technology Preview
developer.apple.com/documentatio...
web.dev/articles/str...
developer.apple.com/documentatio...
web.dev/articles/str...
Streams—The definitive guide | Articles | web.dev
The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired.
web.dev
December 20, 2025 at 10:58 AM
Streams are now iterable in Safari Technology Preview
developer.apple.com/documentatio...
web.dev/articles/str...
developer.apple.com/documentatio...
web.dev/articles/str...
Safari Technology Preview 234
Release Notes for Safari Technology Preview 234
Safari Technology Preview Release 234 is now available for download for macOS Tahoe and macOS Sequoia.
webkit.org
December 19, 2025 at 8:50 PM
Safari Technology Preview 234
Reposted by Nilesh Prajapati
HTML hidden=until-found and auto-opening <details> is newly baseline… or is it? Here's how it works, and issues to watch out for:
December 19, 2025 at 1:45 PM
HTML hidden=until-found and auto-opening <details> is newly baseline… or is it? Here's how it works, and issues to watch out for:
Reposted by Nilesh Prajapati
Less of a wrap up and more of a call to action this year.
TL;DR we need to take these motherfuckers down
bell.bz/wrapping-up-...
TL;DR we need to take these motherfuckers down
bell.bz/wrapping-up-...
Wrapping up 2025 (sort of) - Andy Bell
Less of a retrospective and more of a call to action.
bell.bz
December 19, 2025 at 11:03 AM
Less of a wrap up and more of a call to action this year.
TL;DR we need to take these motherfuckers down
bell.bz/wrapping-up-...
TL;DR we need to take these motherfuckers down
bell.bz/wrapping-up-...
Web platform features
Newly available:
- caretPositionFromPoint()
- Event timing
- Largest contentful paint (LCP)
- #CSS at-scope
- #CSS scrollbar-color
- scrollend
Newly available:
- caretPositionFromPoint()
- Event timing
- Largest contentful paint (LCP)
- #CSS at-scope
- #CSS scrollbar-color
- scrollend
Web platform features explorer - December 2025 release notes
web-platform-dx.github.io
December 19, 2025 at 9:33 AM
Why the Sanitiser API is just setHTML()
Why the Sanitizer API is just <code>setHTML()</code>
Why the Sanitizer API is just <code>setHTML()</code>
frederikbraun.de
December 18, 2025 at 5:02 PM
Why the Sanitiser API is just setHTML()
Forms are a badly designed part of HTML
Forms are a badly designed part of HTML - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 18, 2025 at 1:35 PM
Forms are a badly designed part of HTML
Reposted by Nilesh Prajapati
Something that hasn't been made clear: Firefox will have an option to completely disable all AI features.
We've been calling it the AI kill switch internally. I'm sure it'll ship with a less murderous name, but that's how seriously and absolutely we're taking this.
…
We've been calling it the AI kill switch internally. I'm sure it'll ship with a less murderous name, but that's how seriously and absolutely we're taking this.
…
December 18, 2025 at 12:12 PM
Something that hasn't been made clear: Firefox will have an option to completely disable all AI features.
We've been calling it the AI kill switch internally. I'm sure it'll ship with a less murderous name, but that's how seriously and absolutely we're taking this.
…
We've been calling it the AI kill switch internally. I'm sure it'll ship with a less murderous name, but that's how seriously and absolutely we're taking this.
…
Dynamic Datalist: Autocomplete from an API
Dynamic Datalist: Autocomplete from an API :: Aaron Gustafson
HTML’s datalist element provides native autocomplete functionality, but it’s entirely static—you have to know all the options up front. The dynamic-datalist web component solves this by fetching sugge...
www.aaron-gustafson.com
December 18, 2025 at 9:16 AM
Dynamic Datalist: Autocomplete from an API
Reposted by Nilesh Prajapati
A rant in the face of the industry's continued neglect and outright hostility towards digital accessibility and care for users.
vale.rocks/posts/access...
#WebDev #Accessibility #a11y #FrontEndDevelopment
vale.rocks/posts/access...
#WebDev #Accessibility #a11y #FrontEndDevelopment
You Can't Opt-Out of Accessibility
Shiny exclusion all the way down.
vale.rocks
December 18, 2025 at 4:59 AM
A rant in the face of the industry's continued neglect and outright hostility towards digital accessibility and care for users.
vale.rocks/posts/access...
#WebDev #Accessibility #a11y #FrontEndDevelopment
vale.rocks/posts/access...
#WebDev #Accessibility #a11y #FrontEndDevelopment