Profile avatar
nileshprajapati.com
👨🏾‍🎨 Design Engineer. 🩵 #CSS Sommelier ✈️ Traveler. 👨🏾‍💻 Tech Observer. 🛠️ Design System nileshprajapati.com
271 posts 191 followers 498 following
Prolific Poster

The one where I muse about how this simple bit of code radically changes how the web itself seems to behave… webkit.org/blog/16967/t...

Reflow is my favourite section within WCAG #accessibility.

A fun little side quest to show you how applying styles to alt text can really elevate your user interface. piccalil.li/blog/you-can...

Shopify Polaris is now built on web components. My team and I have been working on this for a while and it's been a lot of fun to "embrace the platform"! shopify.dev/beta/next-ge... Lots of things learned, lots of fun edge cases discovered (hello moving web components to iFrames in Firefox)

Your Website Could Use a Changelog to Fuel Creativity

10 updates from Google I/O 2025: CSS carousels, AI-powered DevTools, Prompt API with multimodal capabilities, and more

Use Baseline with Browserslist

What's new in web

Visual Studio Code now supports Baseline

Blink: Intent to Ship: Speculation rules: target_hint field

I've spent WAY too long thinking about modern CSS layouts recently gomakethings.com/modern-layou...

ECMAScript excitement 😉 Next week in Spain, TC39 will consider advancing: 3️⃣ Array.fromAsync 3️⃣ Error.isError 3️⃣ Explicit Resource Mgmt: `using` 2️⃣.7️⃣ Immutable ArrayBuffer 2️⃣.7️⃣ Iterator Sequencing 2️⃣.7️⃣ Upsert 2️⃣ Iterator Chunking 1️⃣ Assertions 1️⃣ Math.clamp 1️⃣ Random Funcs 1️⃣ SeededPRNG 1️⃣ Trailing Numbers

Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a real feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)

Getting back into accessibility this week, and my brain steered towards re-reading “The Surprising Truth About Pixels and Accessibility” by @joshwcomeau.com

Curious to find out that #CSS named font sizes like small, medium, and large do not scale proportionally with browser font size settings in the same way that relative units (like em, rem, %)

Happy Friday

The CSSWG has published a first public working draft of #CSS Functions and Mixins

#CSS :out-of-range

Did you know... We also built a fully featured online contrast checker? At colorcontrast.app you'll find a contrast checker that: - Supports WCAG AA, AAA and APCA - Shows live previews of your colors - Lets you test with color blindness - Suggest colors - Has sharable URLs Check it out! #gaad2025

PSA, blogging ✨ works ✨! 4 years ago, I wrote hidde.blog/a-case-for-a.... This week, Apple announced “Nutrition Labels“ www.apple.com/newsroom/202... jk, but very glad to see it, I think the visibility it brings will be helpful!

🌟 Are you in the Design Systems space and looking to widen your audience? 🚀 I'm seeking sponsors for the independently curated Design Systems Newsletter - news.design.systems 💰 £200 per week Interested? 📧 Get in touch – [email protected] 🙏🖤

#CSS Reading flow ships in Chrome 137

Safari Technology Preview 219

Container Query for “is there enough space outside this element?” A container query can contain viewport units, meaning you can compare the window vs the element and make choices.

🤩 I’m very (VERY!) excited about CSS `ident()` – a feature I proposed and specced – getting prototyped. This allows me to reduce the amount of CSS I have to write when multiple items that behave in the same need to have a unique name. See brm.us/ident for an intro.

ESLint can now lint HTML with the html-eslint language plugin. Guest author and creator of html-eslint Yeon Juan shows you how: eslint.org/blog/2025/05...

Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast? Now, the `constrast-color()` function in CSS does just that. webkit.org/blog/16929/c...

Blink: Intent to Prototype: The ident() function

Gecko: Intent to ship: Enabling the clear search button in <input type="search"> for privileged documents

I am begging websites to stop sending me email magic links by default after I tell them my user name or email address. Let me sign in with my password, or better yet, use a passkey. rmondello.com/2025/01/02/m...

Alright, we're actually doing this open working thing. We're going to work on projects, for real clients who are set up to make people's lives tangibly better. We can only do that if it works financially though because we've got mortgages etc. Your support will make this happen.

How to build a copy code snippet button and why it matters

And here's that Codepen refactored as promised using sibling-index()

WebKit Features in Safari 18.5

The Am Dash (typographic dash)

UK pioneering global move away from passwords

#CSS snippets adactio.com/journal/21896

During my livestream yesterday, I talked about Figma Sites for a little bit. I've broken it off into a short, stand-alone video. I don't normally like bashing a company, but when a company of Figma's size makes a product this bad, I think it's important to call them out on it. youtu.be/ZsFIvULxkHI

Lightning CSS v1.30.0 is released! 😀 ⚡️ Updated relative color spec for numbers and percentages ⚡️ Updated nesting spec for pseudo elements and interleaved rules ⚡️ Skip generating unnecessary @​supports ⚡️ Android support ⚡️ ... and more! github.com/parcel-bundl...

Blink: Intent to Ship: CSS sibling-index() and sibling-count()

How are we feeling about `@import` in 2025? I find it interesting that it’s still considered a faux pas for CSS, but native imports in JavaScript are a very common place thing.

One step closer to becoming a reality! The LEGO Apple Store earned 10K votes and has moved into the review phase.

wooahh Figma's new Sites thing produces no semantic HTML at all. Every single element is a div. Incredibly inaccessible Example: plugin-value-scrum.figma.site

Blink: Intent to Prototype: CSS Color for Color Input Value

Played around with an early prototype for "actually usable multi-select" and it's so cool to see it finally happening. Builds on all the work of customisable single select but makes it work for listboxes and selecting multiple options.

Using the color picker in HTML for your website? Did you realize it’s been limited to sRGB? Well, no longer. In Safari, now you can use two new attributes to support P3 color and alpha transparency. webkit.org/blog/16900/p...

Blink: Intent to Ship: Short-circuiting var(), attr()

Kudos to the Figma team for this feature that I noticed today. The text color changes depending on the background color. Nice!

'The Studio' has been officially renewed for S2