Nilesh Prajapati
@nileshprajapati.com
👨🏾🎨 Front-End developer.
🩵 #CSS Sommelier
✈️ Traveller.
🛠️ Design System
nileshprajapati.com
🩵 #CSS Sommelier
✈️ Traveller.
🛠️ Design System
nileshprajapati.com
Reposted by Nilesh Prajapati
Blink: Intent to Prototype: Declarative scroll commands for HTMLButtonElement
Blink: Intent to Prototype: Declarative scroll commands for HTMLButtonElement
Blink: Intent to Prototype: Declarative scroll commands for HTMLButtonElement
groups.google.com
November 13, 2025 at 2:35 AM
Blink: Intent to Prototype: Declarative scroll commands for HTMLButtonElement
Reposted by Nilesh Prajapati
Taking a break this week from filming a course to join the #CSS Working Group in Kobe (remote for me, thanks to US air travel).
This 'morning' (5pm-9pm) we decided on a name:
`display: grid-lanes`
That's what the new CSS layout feature is called. Still more related issues this 'afternoon' (10pm)
This 'morning' (5pm-9pm) we decided on a name:
`display: grid-lanes`
That's what the new CSS layout feature is called. Still more related issues this 'afternoon' (10pm)
November 13, 2025 at 4:55 AM
Taking a break this week from filming a course to join the #CSS Working Group in Kobe (remote for me, thanks to US air travel).
This 'morning' (5pm-9pm) we decided on a name:
`display: grid-lanes`
That's what the new CSS layout feature is called. Still more related issues this 'afternoon' (10pm)
This 'morning' (5pm-9pm) we decided on a name:
`display: grid-lanes`
That's what the new CSS layout feature is called. Still more related issues this 'afternoon' (10pm)
Safari Technology Preview 232
Release Notes for Safari Technology Preview 232
Safari Technology Preview Release 232 is now available for download for macOS Tahoe and macOS Sequoia.
webkit.org
November 12, 2025 at 10:45 PM
Safari Technology Preview 232
Reposted by Nilesh Prajapati
First trailer for ‘The Super Mario Galaxy Movie’ 🍄
In theaters April 3, 2026
In theaters April 3, 2026
November 12, 2025 at 2:20 PM
First trailer for ‘The Super Mario Galaxy Movie’ 🍄
In theaters April 3, 2026
In theaters April 3, 2026
#CSS :interest-invoker and :interest-target Pseudo-Classes
CSS :interest-invoker and :interest-target Pseudo-Classes
Style connected UI elements with CSS pseudo-classes that respond to user interest. Interactive examples showing tooltips, forms, and navigation without JavaS...
www.trevorlasn.com
November 12, 2025 at 2:07 PM
#CSS :interest-invoker and :interest-target Pseudo-Classes
Reposted by Nilesh Prajapati
This works in the latest Chrome Canary:
@mixin --hocus(@contents) {
&:is(:hover, :focus-visible) {
@contents
}
}
button {
@apply --hocus {
background: lightgreen;
}
}
https://codepen.io/kizu/pen/myPJXPo
@mixin --hocus(@contents) {
&:is(:hover, :focus-visible) {
@contents
}
}
button {
@apply --hocus {
background: lightgreen;
}
}
https://codepen.io/kizu/pen/myPJXPo
hocus mixin
...
codepen.io
November 12, 2025 at 7:07 AM
This works in the latest Chrome Canary:
@mixin --hocus(@contents) {
&:is(:hover, :focus-visible) {
@contents
}
}
button {
@apply --hocus {
background: lightgreen;
}
}
https://codepen.io/kizu/pen/myPJXPo
@mixin --hocus(@contents) {
&:is(:hover, :focus-visible) {
@contents
}
}
button {
@apply --hocus {
background: lightgreen;
}
}
https://codepen.io/kizu/pen/myPJXPo
Reposted by Nilesh Prajapati
German court rules that OpenAI violated copyright laws by training ChatGPT on music 🎵
• May set precedent for Europe AI copyright uses
• OpenAI disagrees & can appeal
"The internet is not a self-service store, and human creative achievements are not free templates"
— German Music Rights Society
• May set precedent for Europe AI copyright uses
• OpenAI disagrees & can appeal
"The internet is not a self-service store, and human creative achievements are not free templates"
— German Music Rights Society
November 12, 2025 at 12:26 AM
German court rules that OpenAI violated copyright laws by training ChatGPT on music 🎵
• May set precedent for Europe AI copyright uses
• OpenAI disagrees & can appeal
"The internet is not a self-service store, and human creative achievements are not free templates"
— German Music Rights Society
• May set precedent for Europe AI copyright uses
• OpenAI disagrees & can appeal
"The internet is not a self-service store, and human creative achievements are not free templates"
— German Music Rights Society
View Transitions API: Smooth animations between DOM states #js
View Transitions API: Smooth animations between DOM states
Create animated transitions between different states of your app without complex animation libraries.
www.trevorlasn.com
November 11, 2025 at 5:55 PM
View Transitions API: Smooth animations between DOM states #js
Effectively Monitoring Web Performance
Effectively Monitoring Web Performance — Smashing Magazine
There are lots of tips for [improving your website performance](https://www.debugbear.com/blog/improve-website-performance?utm_campaign=sm-10). But even if you follow all of the advice, are you able t...
www.smashingmagazine.com
November 11, 2025 at 1:06 PM
Effectively Monitoring Web Performance
Reposted by Nilesh Prajapati
Over on @zeroheight.com's blog, I wrote about using some of the CSS' modern colour features that you can apply to your design systems.
zeroheight.com/blog/leverag...
#DesignSystems #CSS
zeroheight.com/blog/leverag...
#DesignSystems #CSS
Leveraging modern CSS color features in your design system - zeroheight
Declan Chidlow outlines modern CSS color features including variables, color spaces, and mixing that you can use with your design systems.
zeroheight.com
November 11, 2025 at 12:06 PM
Over on @zeroheight.com's blog, I wrote about using some of the CSS' modern colour features that you can apply to your design systems.
zeroheight.com/blog/leverag...
#DesignSystems #CSS
zeroheight.com/blog/leverag...
#DesignSystems #CSS
Reposted by Nilesh Prajapati
The majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are missing with the aim to improve your code in the long term.
piccalil.li/blog/program...
piccalil.li/blog/program...
Programming principles for self taught front-end developers
The majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are...
piccalil.li
November 11, 2025 at 11:36 AM
The majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are missing with the aim to improve your code in the long term.
piccalil.li/blog/program...
piccalil.li/blog/program...
Reposted by Nilesh Prajapati
hopefully 'launching' this little side project this week.
- search for a feature to find out about support
- add a calendar reminder
- lists what's "recently available" in the newly/widely available sections for the last week and what's coming up in the next month
any other features I've missed?
- search for a feature to find out about support
- add a calendar reminder
- lists what's "recently available" in the newly/widely available sections for the last week and what's coming up in the next month
any other features I've missed?
November 11, 2025 at 9:55 AM
hopefully 'launching' this little side project this week.
- search for a feature to find out about support
- add a calendar reminder
- lists what's "recently available" in the newly/widely available sections for the last week and what's coming up in the next month
any other features I've missed?
- search for a feature to find out about support
- add a calendar reminder
- lists what's "recently available" in the newly/widely available sections for the last week and what's coming up in the next month
any other features I've missed?
#css ::details-content: style expandable content without wrapper divs
::details-content: style expandable content without wrapp...
The ::details-content pseudo-element lets you style the expandable content of details elements separately from the summary, no divs needed.
www.trevorlasn.com
November 11, 2025 at 7:18 AM
#css ::details-content: style expandable content without wrapper divs
Reposted by Nilesh Prajapati
Did you know: you might be able to change the style of the caret in CSS soon?
See caret-shape and caret-animation in action
(there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+)
codepen.io/una/pen/MYKL...
See caret-shape and caret-animation in action
(there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+)
codepen.io/una/pen/MYKL...
November 10, 2025 at 10:38 PM
Did you know: you might be able to change the style of the caret in CSS soon?
See caret-shape and caret-animation in action
(there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+)
codepen.io/una/pen/MYKL...
See caret-shape and caret-animation in action
(there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+)
codepen.io/una/pen/MYKL...
Reposted by Nilesh Prajapati
I love it when several articles in my RSS feed seem to converge around a theme or topic.
This time, it's three excellent articles on headings from @donnie.damato.design, @tempertemper.bsky.social, and @alvaromontoro.com.
css-tricks.com/headings-sem...
This time, it's three excellent articles on headings from @donnie.damato.design, @tempertemper.bsky.social, and @alvaromontoro.com.
css-tricks.com/headings-sem...
Headings: Semantics, Fluidity, and Styling — Oh My! | CSS-Tricks
A few links about headings that I've had stored under my top hat.
css-tricks.com
November 10, 2025 at 2:47 PM
I love it when several articles in my RSS feed seem to converge around a theme or topic.
This time, it's three excellent articles on headings from @donnie.damato.design, @tempertemper.bsky.social, and @alvaromontoro.com.
css-tricks.com/headings-sem...
This time, it's three excellent articles on headings from @donnie.damato.design, @tempertemper.bsky.social, and @alvaromontoro.com.
css-tricks.com/headings-sem...
Sir Tim Berners-Lee doesn’t think AI will destroy the web
Sir Tim Berners-Lee doesn’t think AI will destroy the web
Podcast Episode · Decoder with Nilay Patel · 10/11/2025 · 55m
podcasts.apple.com
November 10, 2025 at 12:52 PM
Sir Tim Berners-Lee doesn’t think AI will destroy the web
Has anyone tried the Safari beta Mac app?
November 8, 2025 at 2:23 PM
Has anyone tried the Safari beta Mac app?
Reposted by Nilesh Prajapati
I gave an opening keynote at the FIDO Alliance’s “Authenticate” conference a few weeks ago! My goal was to explain, as clearly as I can, why passkeys are important and how we should use them to reduce the harm that passwords cause. [1/2]
YouTube link: www.youtube.com/watch?v=otOb...
YouTube link: www.youtube.com/watch?v=otOb...
Authenticate 2025 Keynote | Ricky Mondello, Apple | Get the Most Out of Passkeys
YouTube video by FIDO Alliance
www.youtube.com
November 7, 2025 at 1:51 PM
I gave an opening keynote at the FIDO Alliance’s “Authenticate” conference a few weeks ago! My goal was to explain, as clearly as I can, why passkeys are important and how we should use them to reduce the harm that passwords cause. [1/2]
YouTube link: www.youtube.com/watch?v=otOb...
YouTube link: www.youtube.com/watch?v=otOb...
Reposted by Nilesh Prajapati
Blink: Intent to Ship: SVG2 CSS Cascading
Blink: Intent to Ship: SVG2 CSS Cascading
Blink: Intent to Ship: SVG2 CSS Cascading
groups.google.com
November 7, 2025 at 8:44 AM
Blink: Intent to Ship: SVG2 CSS Cascading
⚠️ Default styles for h1 elements are changing #HTML
Default styles for h1 elements are changing | MDN Blog
Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for c...
developer.mozilla.org
November 7, 2025 at 9:11 AM
⚠️ Default styles for h1 elements are changing #HTML
Reposted by Nilesh Prajapati
Gecko: Intent to prototype and ship: Navigation API
Gecko: Intent to prototype and ship: Navigation API
Gecko: Intent to prototype and ship: Navigation API
groups.google.com
November 7, 2025 at 7:17 AM
Gecko: Intent to prototype and ship: Navigation API
Reposted by Nilesh Prajapati
🔔 New changes in default UA styles for in
in
Default styles for h1 elements are changing | MDN Blog
Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages.
developer.mozilla.org
November 7, 2025 at 4:00 AM
🔔 New changes in default UA styles for in
in
Reposted by Nilesh Prajapati
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
November 7, 2025 at 4:37 AM
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
Reposted by Nilesh Prajapati
Blink: Intent to Ship: CSS letter-spacing and word-spacing: percentage values
Blink: Intent to Ship: CSS letter-spacing and word-spacing: percentage values
Blink: Intent to Ship: CSS letter-spacing and word-spacing: percentage values
groups.google.com
November 6, 2025 at 8:08 PM
Blink: Intent to Ship: CSS letter-spacing and word-spacing: percentage values