Mayank
@mayank.co
π€ 3804
π₯ 425
π 558
front-of-the-front end developer. usually writing CSS or listening to prog (or both). they/them
pinned post!
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!
over 3 years ago
2
48
3
<link rel="icon" href="data:," /> adding this line to all my starter templates to fix those pesky 404s.
1 day ago
2
32
1
this looks wonderful! new tech tends to be pretty uninspiring, so why not look towards old tech?
add a skeleton here at some point
5 days ago
1
5
0
the week has barely started but my open tabs are piling up fast π¬ (i like to close my browser at the end of the day)
5 days ago
0
0
0
reposted by
Mayank
Bart Veneman
17 days ago
Announcing The CSS Selection! π°
www.projectwallace.com/the-css-sele...
π 100,000 websites β±οΈ 100+ metrics π 7 chapters The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!
loading . . .
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
https://www.projectwallace.com/the-css-selection/2026
6
84
40
"CSS is my passion"
add a skeleton here at some point
18 days ago
2
58
9
i've been content with using zen-browser ever since the alpha days, but the recent update is really testing my patience. they replaced "new window", a core functionality, with two different slightly-broken features called "window sync" and "new blank window"
docs.zen-browser.app/user-manual/...
23 days ago
1
2
0
RESOLVED: Add balance keyword to flex-wrap π₯³
github.com/w3c/csswg-dr...
24 days ago
2
17
1
forgot i left this comment here lol
26 days ago
3
15
1
i built a micro-site that shows what i've been listening to! it periodically pulls music data from my
last.fm
obsessions.mayank.co
28 days ago
1
8
0
scroll shadow has got to be my favorite thing to add to tables
loading . . .
about 1 month ago
4
31
3
ugh i want to work on my personal projects full time. there isn't enough time in the day
about 1 month ago
1
17
0
design tools and i will never be friends π
about 1 month ago
1
18
0
reposted by
Mayank
king lola π
about 2 months ago
New year, new course! π€ Iβm running a standards course for policy & digital rights professionals & students. Weβll explore the W3C & ways standards & policy can collaborate. This is funded by the UK Gov Department for Science, Innovation and Technology
lolaslab.co/standards-co...
0
11
6
one of my 2026 goals is to intentionally focus more on _the work_ and less on $work.
about 2 months ago
0
7
0
reposted by
Mayank
Ashlee
2 months ago
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!
loading . . .
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.
https://semanticfish.com/2025-year-in-review
5
49
46
i think my copy of bluesky is bricked :(
2 months ago
3
4
0
reposted by
Mayank
Nathan Knowler
2 months ago
Anyone a part of a βdivitisβ webring? Is the `<section>` 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...
loading . . .
Semantics beyond the tag name - HTMHell
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2025/19/
1
24
7
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
add a skeleton here at some point
2 months ago
1
6
1
so⦠who's looking for a frontend dev? i'd love to work on/with a robust design system DMs are now wide open!
add a skeleton here at some point
3 months ago
0
37
28
i just want to do good work with other people who want to do good work
3 months ago
2
46
6
flashback to debugging broken layouts in safari
add a skeleton here at some point
3 months ago
1
3
0
the design tokens community group spec is now "stable" π
www.designtokens.org/tr/2025.10/
loading . . .
Design Tokens specification reaches first stable version | Design Tokens Community Group
https://www.w3.org/community/design-tokens/2025/10/28/design-tokens-specification-reaches-first-stable-version/
4 months ago
0
3
2
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.
loading . . .
Nova
The beautiful, fast, flexible, native Mac code editor from Panic.
https://nova.app/
5 months ago
3
5
0
shoutout to anyone still working on design systems in 2025. it's rough out here
5 months ago
2
36
1
reposted by
Mayank
Anthony Moser
6 months ago
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.
loading . . .
I Am An AI Hater
I am an AI hater. This is considered rude, but I do not care, because I am a hater.
https://anthonymoser.github.io/writing/ai/haterdom/2025/08/26/i-am-an-ai-hater.html
153
4981
2259
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"
7 months ago
1
22
2
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)
7 months ago
4
38
1
the next generation of stalebots
7 months ago
0
18
1
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...
add a skeleton here at some point
7 months ago
1
8
1
reposted by
Mayank
β salma
7 months ago
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.
loading . . .
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.
https://whitep4nth3r.com/blog/why-women-in-tech-isnt-enough/
25
263
118
bluesky won't enable this switch by default, but you should.
add a skeleton here at some point
8 months ago
0
106
33
i will not buy another domain. not until i finish the project. (this is me holding myself publicly accountable)
8 months ago
3
19
0
hire Nathan! he is one of the most talented front-of-the-frontend developers out there
add a skeleton here at some point
8 months ago
0
8
1
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.
add a skeleton here at some point
9 months ago
3
29
5
the "original links" part aged poorly. bluesky links go through a tracker now (though it's still possible to copy the clean URL)
add a skeleton here at some point
9 months ago
0
10
0
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 π
10 months ago
2
51
2
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.
add a skeleton here at some point
10 months ago
1
12
1
free idea: design system documentation in haiku format
10 months ago
2
6
1
was trying to use `margin-trim` today. found that it also gets rid of negative margins, which is unfortunate.
add a skeleton here at some point
10 months ago
3
9
0
reposted by
Mayank
Nathan Knowler
10 months ago
PSA: `content-visibility` is not ready in Safari even though it's available. If you previously were using the feature as a progressive enhancement, you should also use a Safari-specific selector to ensure it does not apply. I keep on finding significant accessibility issues with the implementation.
1
5
2
it's a good day to re-share
xkcd.fyi
add a skeleton here at some point
10 months ago
0
21
5
your outie likes using tailwind
11 months ago
9
83
10
can we make this the industry standard pls
add a skeleton here at some point
11 months ago
0
3
0
reposted by
Mayank
nolen
about 1 year ago
what do y'all do with your unclosed tabs? I've been running pong inside all 240 of mine blog with a bunch of details over here:
eieio.games/blog/running...
loading . . .
7
140
30
reposted by
Mayank
Library Innovation Lab
about 1 year ago
We just launched a 16TB archive of every dataset that has been available on
data.gov
since November. This will be updated day by day as new datasets appear. It can be freely copied, and we're sharing the code behind it to help others make their own archives of data they depend on.
loading . . .
Announcing the Data.gov Archive | Library Innovation Lab
Today we released our archive of data.gov on Source Cooperative. The 16TB collection includes over 311,000 datasets harvested during 2024 and 2025, a complet...
https://lil.law.harvard.edu/blog/2025/02/06/announcing-data-gov-archive/
43
1906
1070
thinking about CSS
about 1 year ago
4
13
1
*yawn* HTML has always been a programming language. tell me something new.
about 1 year ago
1
21
0
CSS: there's a unit for every occasion. ch, vh, lh, cqi, ex, cap, and 50 others Figma: you get px, and now you also get rem. choose wisely!
about 1 year ago
8
54
6
oklch and color-mix make it so easy to build design systems, it almost feels like cheating
about 1 year ago
1
17
2
i wrote about light-dark()
12daysofweb.dev/2024/css-lig...
loading . . .
CSS light-dark() | 12 Days of Web
A new CSS function that returns one of two color values based on the current color scheme.
https://12daysofweb.dev/2024/css-light-dark/
about 1 year ago
2
54
13
Load more
feeds!
log in