Mayank
@mayank.co
front-of-the-front end developer.
usually writing CSS or listening to prog (or both).
they/them
usually writing CSS or listening to prog (or both).
they/them
Pinned
Mayank
@mayank.co
· Nov 16
CSS ten years ago: you may have a little bit of flexbox. It's buggy but that's the best we can do, sorry
CSS now: what do you need? clamp? aspect-ratio? container queries? :has? inert? cascade layers? not only is it possible, it's already shipping!
CSS now: what do you need? clamp? aspect-ratio? container queries? :has? inert? cascade layers? not only is it possible, it's already shipping!
Reposted by Mayank
I've had an execeptionally tough year.
I have no income or health insurance, and could really use your help finding my next paid project. 💜
semanticfish.com/2025-year-in...
Open to front-end, full-stack, design system, & accessibility projects. 10+ years experience.
Many more details in post!
I have no income or health insurance, and could really use your help finding my next paid project. 💜
semanticfish.com/2025-year-in...
Open to front-end, full-stack, design system, & accessibility projects. 10+ years experience.
Many more details in post!
2025: Year in Review | Semantic Fish Creative Group
This post gets personal about my experiences this year with grief, loss, health emergencies, and being disabled & working in accessibility in the US.
semanticfish.com
December 23, 2025 at 9:44 PM
I've had an execeptionally tough year.
I have no income or health insurance, and could really use your help finding my next paid project. 💜
semanticfish.com/2025-year-in...
Open to front-end, full-stack, design system, & accessibility projects. 10+ years experience.
Many more details in post!
I have no income or health insurance, and could really use your help finding my next paid project. 💜
semanticfish.com/2025-year-in...
Open to front-end, full-stack, design system, & accessibility projects. 10+ years experience.
Many more details in post!
i think my copy of bluesky is bricked :(
December 20, 2025 at 3:35 PM
i think my copy of bluesky is bricked :(
Reposted by Mayank
Anyone a part of a “divitis” webring? Is the `` element your best friend? Do you use semantic HTML, but have never looked up the definitions for the elements you use? I wrote this for you.
htmhell.dev/adventcalend...
htmhell.dev/adventcalend...
Semantics beyond the tag name - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 19, 2025 at 3:26 PM
Anyone a part of a “divitis” webring? Is the `` element your best friend? Do you use semantic HTML, but have never looked up the definitions for the elements you use? I wrote this for you.
htmhell.dev/adventcalend...
htmhell.dev/adventcalend...
this doesn't use the bleeding edge stuff (like subgrid) but it's still so much more advanced than anything else you'll see out in the wild.
every-layout.dev
every-layout.dev
You can fundamentally rewire your brain to properly understand CSS layout... for $34.50. Can’t say fairer than that! One day left.
Oh I forgot to mention on here, Every Layout is doing the annual 50% discount too! every-layout.dev
December 11, 2025 at 6:29 PM
this doesn't use the bleeding edge stuff (like subgrid) but it's still so much more advanced than anything else you'll see out in the wild.
every-layout.dev
every-layout.dev
so… who's looking for a frontend dev? i'd love to work on/with a robust design system
DMs are now wide open!
DMs are now wide open!
i just want to do good work with other people who want to do good work
December 5, 2025 at 11:57 AM
so… who's looking for a frontend dev? i'd love to work on/with a robust design system
DMs are now wide open!
DMs are now wide open!
i just want to do good work with other people who want to do good work
December 2, 2025 at 6:09 PM
i just want to do good work with other people who want to do good work
flashback to debugging broken layouts in safari
You ever see a weird ass bug that makes you question the existence of everything?
November 9, 2025 at 11:29 PM
flashback to debugging broken layouts in safari
Design Tokens specification reaches first stable version | Design Tokens Community Group
www.w3.org
October 29, 2025 at 3:59 PM
can any Nova users vouch for it?
as someone who dislikes Apple UX, i'm always skeptical of Mac-only apps.
but really i just need strong support for the languages of the web: HTML, CSS, JS (including TS and JSX). these languages are usually overlooked by code editors.
as someone who dislikes Apple UX, i'm always skeptical of Mac-only apps.
but really i just need strong support for the languages of the web: HTML, CSS, JS (including TS and JSX). these languages are usually overlooked by code editors.
Nova
The beautiful, fast, flexible, native Mac code editor from Panic.
nova.app
September 30, 2025 at 9:31 PM
can any Nova users vouch for it?
as someone who dislikes Apple UX, i'm always skeptical of Mac-only apps.
but really i just need strong support for the languages of the web: HTML, CSS, JS (including TS and JSX). these languages are usually overlooked by code editors.
as someone who dislikes Apple UX, i'm always skeptical of Mac-only apps.
but really i just need strong support for the languages of the web: HTML, CSS, JS (including TS and JSX). these languages are usually overlooked by code editors.
shoutout to anyone still working on design systems in 2025. it's rough out here
September 11, 2025 at 10:41 PM
shoutout to anyone still working on design systems in 2025. it's rough out here
Reposted by Mayank
I considered writing a long carefully constructed argument laying out the harms and limitations of AI, but instead I wrote about being a hater. Only humans can be haters.
I Am An AI Hater
I am an AI hater. This is considered rude, but I do not care, because I am a hater.
anthonymoser.github.io
August 27, 2025 at 5:04 PM
I considered writing a long carefully constructed argument laying out the harms and limitations of AI, but instead I wrote about being a hater. Only humans can be haters.
an industry standard pattern:
when you scroll a page, a dialog pops up out of nowhere and autofocuses a text field, which then triggers the virtual keyboard.
peak UX right there. possibly the most elaborate way to say "fuck you"
when you scroll a page, a dialog pops up out of nowhere and autofocuses a text field, which then triggers the virtual keyboard.
peak UX right there. possibly the most elaborate way to say "fuck you"
August 1, 2025 at 8:15 PM
an industry standard pattern:
when you scroll a page, a dialog pops up out of nowhere and autofocuses a text field, which then triggers the virtual keyboard.
peak UX right there. possibly the most elaborate way to say "fuck you"
when you scroll a page, a dialog pops up out of nowhere and autofocuses a text field, which then triggers the virtual keyboard.
peak UX right there. possibly the most elaborate way to say "fuck you"
if you're wondering what working on a design system feels like
today i've already had conversations about:
- rem vs px
- logical properties/units
- color-mix
- popover API and top layer
- pointer-events/inert
- transforms and blurry text
- use of color and WCAG
- AT support
- …
(char limit)
today i've already had conversations about:
- rem vs px
- logical properties/units
- color-mix
- popover API and top layer
- pointer-events/inert
- transforms and blurry text
- use of color and WCAG
- AT support
- …
(char limit)
July 22, 2025 at 6:30 PM
if you're wondering what working on a design system feels like
today i've already had conversations about:
- rem vs px
- logical properties/units
- color-mix
- popover API and top layer
- pointer-events/inert
- transforms and blurry text
- use of color and WCAG
- AT support
- …
(char limit)
today i've already had conversations about:
- rem vs px
- logical properties/units
- color-mix
- popover API and top layer
- pointer-events/inert
- transforms and blurry text
- use of color and WCAG
- AT support
- …
(char limit)
the next generation of stalebots
July 19, 2025 at 6:09 PM
the next generation of stalebots
playing with the customizable HTML select today.
i find it weird that the `::picker-icon` is a pseudo-element that requires using old-school CSS tricks for customizing the glyph
developer.mozilla.org/en-US/docs/L...
i find it weird that the `::picker-icon` is a pseudo-element that requires using old-school CSS tricks for customizing the glyph
developer.mozilla.org/en-US/docs/L...
one day we'll have a fully customable select (open-ui.org/components/c...). but until then, the suffering continues.
Customizable Select Element (Explainer) | Open UI
Open UI
open-ui.org
July 17, 2025 at 6:09 PM
playing with the customizable HTML select today.
i find it weird that the `::picker-icon` is a pseudo-element that requires using old-school CSS tricks for customizing the glyph
developer.mozilla.org/en-US/docs/L...
i find it weird that the `::picker-icon` is a pseudo-element that requires using old-school CSS tricks for customizing the glyph
developer.mozilla.org/en-US/docs/L...
Reposted by Mayank
I have been back and forth over the span of 5 years about whether to publish this article.
All opinions and experiences in this post are my own, or from people I personally know, backed up with recent reports and statistics.
All opinions and experiences in this post are my own, or from people I personally know, backed up with recent reports and statistics.
Why Women in Tech isn't enough
Women in Tech spaces help, but fall short in the long run. Real progress needs systemic change and active involvement from men in positions of power.
whitep4nth3r.com
July 16, 2025 at 2:25 PM
I have been back and forth over the span of 5 years about whether to publish this article.
All opinions and experiences in this post are my own, or from people I personally know, backed up with recent reports and statistics.
All opinions and experiences in this post are my own, or from people I personally know, backed up with recent reports and statistics.
bluesky won't enable this switch by default, but you should.
today's a great day to make sure "require alt text before posting" is enabled in your settings and to continue to make bluesky more accessible and inclusive bsky.app/settings/acc...
July 9, 2025 at 2:54 PM
bluesky won't enable this switch by default, but you should.
i will not buy another domain.
not until i finish the project.
(this is me holding myself publicly accountable)
not until i finish the project.
(this is me holding myself publicly accountable)
July 3, 2025 at 12:43 AM
i will not buy another domain.
not until i finish the project.
(this is me holding myself publicly accountable)
not until i finish the project.
(this is me holding myself publicly accountable)
hire Nathan!
he is one of the most talented front-of-the-frontend developers out there
he is one of the most talented front-of-the-frontend developers out there
I was laid-off and am looking for a new role.
Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture.
I work remotely from my home in Manitoba, Canada. 🇨🇦
Shares appreciated!
Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture.
I work remotely from my home in Manitoba, Canada. 🇨🇦
Shares appreciated!
June 24, 2025 at 4:49 PM
hire Nathan!
he is one of the most talented front-of-the-frontend developers out there
he is one of the most talented front-of-the-frontend developers out there
maybe this will finally make us all collectively realize that these big tech companies are not very good at design. never have been.
or (more likely), everyone will copy the inaccessible mess.
or (more likely), everyone will copy the inaccessible mess.
June 10, 2025 at 2:57 PM
maybe this will finally make us all collectively realize that these big tech companies are not very good at design. never have been.
or (more likely), everyone will copy the inaccessible mess.
or (more likely), everyone will copy the inaccessible mess.
the "original links" part aged poorly.
bluesky links go through a tracker now (though it's still possible to copy the clean URL)
bluesky links go through a tracker now (though it's still possible to copy the clean URL)
a few things i appreciate about bsky:
- images and videos support alt text (with an option to remind you when posting).
- autoplay can be turned off.
- original links can be copied (none of that t.co nonsense).
- custom labels for displaying things like pronouns or hiding AI slop.
- images and videos support alt text (with an option to remind you when posting).
- autoplay can be turned off.
- original links can be copied (none of that t.co nonsense).
- custom labels for displaying things like pronouns or hiding AI slop.
May 28, 2025 at 4:40 PM
the "original links" part aged poorly.
bluesky links go through a tracker now (though it's still possible to copy the clean URL)
bluesky links go through a tracker now (though it's still possible to copy the clean URL)
all i wanted from Figma was better variable management.
instead, they released a feature so fundamentally broken that it continues to get roasted by devs even on the weekend 💀
instead, they released a feature so fundamentally broken that it continues to get roasted by devs even on the weekend 💀
May 11, 2025 at 3:31 PM
all i wanted from Figma was better variable management.
instead, they released a feature so fundamentally broken that it continues to get roasted by devs even on the weekend 💀
instead, they released a feature so fundamentally broken that it continues to get roasted by devs even on the weekend 💀
i like that Nate calls this out. i've used Astro on a wide range of projects, and hit those boundaries myself.
Astro excels at the "JS sprinkles" use case, and does exceedingly little to help with rich interactivity.
Astro excels at the "JS sprinkles" use case, and does exceedingly little to help with rich interactivity.
There definitely are use cases where Astro’s feature set is a bad fit! I think it’s worth pushing those boundaries for yourself. You might be surprised by the rich, powerfully interactive experiences you can build (many such cases)
But at the end of the day, use whatever helps you ship! 🚢
But at the end of the day, use whatever helps you ship! 🚢
May 11, 2025 at 12:51 AM
i like that Nate calls this out. i've used Astro on a wide range of projects, and hit those boundaries myself.
Astro excels at the "JS sprinkles" use case, and does exceedingly little to help with rich interactivity.
Astro excels at the "JS sprinkles" use case, and does exceedingly little to help with rich interactivity.
free idea: design system documentation in haiku format
May 7, 2025 at 6:31 PM
free idea: design system documentation in haiku format
was trying to use `margin-trim` today.
found that it also gets rid of negative margins, which is unfortunate.
found that it also gets rid of negative margins, which is unfortunate.
Have you ever tried to remove margins from content with `:first-child { margin-block-start: 0; } :last-child { margin-block-end: 0; }` only to feel icky, knowing the code is fragile, just waiting for the layout to break with different HTML?
Try `margin-trim` instead.
webkit.org/blog/16854/m...
Try `margin-trim` instead.
webkit.org/blog/16854/m...
Easier layout with margin-trim
If you write a lot of CSS, you are familiar with those moments when you aren’t quite sure how to accomplish what you want to accomplish.
webkit.org
May 1, 2025 at 6:18 PM
was trying to use `margin-trim` today.
found that it also gets rid of negative margins, which is unfortunate.
found that it also gets rid of negative margins, which is unfortunate.