RSS Parrot

Your CSS reset should be layered

https://mayank.co/blog/css-reset-layer/

Published: November 2, 2024 00:00

Layers are widely available, why not put your reset inside one?

"Web components" considered harmful

https://mayank.co/blog/web-components-considered-harmful/

Published: May 28, 2024 00:00

"Web components" (the term) can be inaccurate, misleading, and sure, harmful.

A practical guide to using shadow DOM

https://mayank.co/blog/declarative-shadow-dom-guide/

Published: February 20, 2024 00:00

How (and why) to use shadow DOM, now that the declarative syntax is here.

When will Apple focus on Safari?

https://mayank.co/blog/safari-focus/

Published: February 9, 2024 00:00

Apple still deliberately refuses to fix focus in Safari, forcing developers to find clumsy workarounds.

Some use cases for revert-layer

https://mayank.co/blog/revert-layer/

Published: January 30, 2024 00:00

It's time to start using this underutilized keyword, even if you're not using cascade layers yet.

Dynamic server islands

https://mayank.co/blog/server-islands/

Published: January 6, 2024 00:00

Hybrid render different parts of the same page at build time vs on each request.

Server-side custom elements

https://mayank.co/blog/server-side-custom-elements/

Published: January 2, 2024 00:00

Expand custom elements outside the browser.

React Server Components: the Good, the Bad, and the Ugly

https://mayank.co/blog/react-server-components/

Published: December 29, 2023 00:00

Evaluating Next.js's implementation of React's new server features.

CSS-based state management

https://mayank.co/blog/css-for-js-state/

Published: December 23, 2023 00:00

Use CSS for storing context-like JavaScript state.

Making live regions easier

https://mayank.co/blog/live-announcer/

Published: December 20, 2023 00:00

A tiny helper for notifying screen-reader users of dynamic updates.

A custom element base class

https://mayank.co/blog/custom-element-base/

Published: December 19, 2023 00:00

Put all the boilerplatey junk in a base class.

Web components

https://12daysofweb.dev/2023/web-components/

Published: December 16, 2023 00:00

Guest post for the 12 Days of Web 2023.

HTML: The Bad Parts

https://www.htmhell.dev/adventcalendar/2023/13/

Published: December 13, 2023 00:00

Guest post for the 2023 HTMLHell Advent Calendar.

Different ways of defining custom elements

https://mayank.co/blog/defining-custom-elements/

Published: November 28, 2023 00:00

How/where do you call `customElements.define`?

Some use cases for display: contents

https://mayank.co/blog/use-cases-for-display-contents/

Published: November 11, 2023 00:00

Trying to cautiously use this declaration without breaking accessibility.

Presentational shadow DOM

https://mayank.co/blog/presentational-shadow-dom/

Published: November 2, 2023 00:00

Assorted thoughts on shadow DOM, div soups, and a cursed CSS idea.

Simple tabs

https://mayank.co/blog/tabs/

Published: September 26, 2023 00:00

Building accessible tabs using custom elements.

Publishing dual ESM+CJS packages

https://mayank.co/blog/dual-packages/

Published: September 15, 2023 00:00

My workflow for publishing a dual package from a single TypeScript source.

The definitive guide to using Bun

https://mayank.co/blog/bun/

Published: September 13, 2023 00:00

There's a new JavaScript runtime on the block and developers are shitting their pants.

Hover triangles

https://mayank.co/blog/hover-triangles/

Published: August 29, 2023 00:00

A brief history of the triangle technique used to improve the UX of nested menus.

A portal custom element

https://mayank.co/blog/portal-webcomponent/

Published: August 28, 2023 00:00

Building React's portal or Vue's teleport without any dependencies.

Making tooltips work on touchscreen

https://mayank.co/blog/tooltips-on-touchscreens/

Published: August 27, 2023 00:00

Touch devices don't have hover capabilities, so we'll have to find another way.

Building a tooltip using the Popover API and web components

https://mayank.co/blog/tooltip-using-webcomponents/

Published: August 26, 2023 00:00

Can we build an accessible, reusable, customizable tooltip using web components and the popover API? Let's find out!

What is a component anyway?

https://mayank.co/blog/what-is-a-component-anyway/

Published: August 25, 2023 00:00

If web components are not components, then what makes a component?

Web components are not components

https://mayank.co/blog/web-components-are-not-components/

Published: August 24, 2023 00:00

Shadow DOM is not fit for production use, web components require frameworks to be usable, and other hot takes

.hello-world

https://mayank.co/blog/hello-world/

Published: August 23, 2023 00:00

Stop using client-side routing everywhere

https://mayank.co/blog/client-side-routing/

Published: February 5, 2023 00:00

A rant about client-side routing being treated as the default.