Sign in

Mayank

@mayank.co
3.9K followers 431 following 628 posts

front-of-the-front end developer. usually writing CSS or listening to prog (or both). they/them

PostsRepliesMedia
Mayank @mayank.co · 09/07/2026
anchor positioning solves what would otherwise be major headaches. with two lines of code!
070
Mayank @mayank.co · 27/05/2026
have you looked at the new Pebbles? i was pondering it specifically because it's supposed to be hackable.
120
Mayank @mayank.co · 27/05/2026
sass is not going anywhere.
010
Mayank @mayank.co · 25/05/2026
i'm never not going to use the ellipsis. i have a shortcut for it and everything. the triple period is just wrong…
150
Mayank @mayank.co · 25/05/2026
let the borders kiss!!
060
Mayank @mayank.co · 20/05/2026
i use a Firefox-based browser and even i hesitate to recommend it, thanks to Mozilla's continued shenanigans. the only compelling reason to use Firefox (and its derivatives) is that it's not Chrome 🙃
120
Mayank @mayank.co · 15/05/2026
is it normal to make a website just to show my hair stylist so they fully understand what i want them to do with my hair?
290
Mayank @mayank.co · 11/05/2026
using labels, which esbuild conveniently knows how to drop. esbuild.github.io/api/#drop-la... (i assume it could be achieved using some AST transforming in other tools. alternatively, you can define global constants)
110
Mayank @mayank.co · 11/05/2026
i like outputting entirely separate builds for dev/prod, mapped using exports conditions. the prod one does not have console logs, and can also include other optimizations
100
Mayank @mayank.co · 07/05/2026
go write (you won't)
020
Mayank @mayank.co · 07/05/2026
you can just put stuff up on the web!
0101
Mayank @mayank.co · 06/05/2026
tools.rmv.fyi/tools/glyph-...
tools.rmv.fyi
Glyph Browser - delphitools
Browse unicode glyphs
111
Mayank @mayank.co · 28/04/2026
this post brought to you by… a nice button that i was just inspecting, only to find out it doesn't have a visible focus indicator 🫠
030
Mayank @mayank.co · 28/04/2026
one of my favorite code snippets that i've written: *:focus-visible { &:not(#a#b) { /* inflating specificity */ outline-style: solid !important; outline-width: 2px !important; } } placed outside all layers, and intentionally not using the `outline` shorthand for easier customization.
2110
Mayank @mayank.co · 27/04/2026
might as well go outside if i can't get any work done thanks github!
020
Mayank @mayank.co · 27/04/2026
TTFO: time to first outage-of-the-day
090
Mayank @mayank.co · 24/04/2026
thank you for writing this!
070
Mayank @mayank.co · 15/04/2026
ah yes, my favorite artists: ERRA, ERRA, Unprocesse d
Tidal's UI showing "Your favorite artists", with ERRA listed twice and Unprocessed displayed with the letter d wrapping onto its own line.
120
Mayank @mayank.co · 10/04/2026
woo! that's amazing. WCAG 3 will undoubtedly be better with your involvement
120
Mayank @mayank.co · 09/04/2026
a fashionably late reply that inadvertently bumps up the original post in the feed for everyone who follows both of us
070
Mayank @mayank.co · 02/04/2026
1px and 2px are great for inducing papercuts :D
020
Mayank @mayank.co · 01/04/2026
i need it to be even sharper! 🗡️
110
Mayank @mayank.co · 01/04/2026
not the same thing, but yes looking forward to corner-shape!
000
Mayank @mayank.co · 01/04/2026
love project wallace!
110
Mayank @mayank.co · 01/04/2026
* { border-radius: -8px !important }
140
Mayank @mayank.co · 01/04/2026
so done with rounded corners. give me pointy corners. give me razor-sharp "wear a glove before you press it" corners.
4161
Mayank @mayank.co · 01/04/2026
hehe position:sticky note. codepen.io/editor/hi_ma...
0200
Mayank @mayank.co · 01/04/2026
8/10 pretty good, with decent battery life (10-12 hours / 200 songs). my only complaint is that it feels much heavier than my phone
010
Reposted by Mayank
Tyler Sticka @tylersticka.com · 30/03/2026
Over the past 19 years, my team @cloudfour.com have shared over 600 articles and resources with the #WebDesign community, absolutely free. But now, our design practice is in danger without your help. Please read and share: cloudfour.com/thinks/more-... #OpenToWork #UXDesign #UIDesign
cloudfour.com
More Projects Please
We’re actively seeking new UX design, UI design or hybrid creative/development challenges to solve.
03737
Mayank @mayank.co · 30/03/2026
this is coincidentally one of the things i love about my DAP. i replaced the stock interface the moment i got it :D
110
Mayank @mayank.co · 30/03/2026
ha ha, yes. *sickos.avif* i've been complaining about tidal's UI, and i kept thinking we need to bring back winamp-like skins
130
Mayank @mayank.co · 30/03/2026
ah yes, the post-cascade step. i love that you understand literally the deepest quirks of the spec but still have been caught by this.
010
Mayank @mayank.co · 30/03/2026
deepPink, right? inheritance is probably the weakest thing in the cascade
140
Mayank @mayank.co · 30/03/2026
one of the recent changes they made is this frosted glass effect, which does wonderful things for legibility.
Screenshot of tidal's bottom bar, playing the track "Salva" by Karnivool. The entire thing has a frosted glass background, revealing white colors from behind. The artist name and icons are really dimmed and barely visible.
220
Mayank @mayank.co · 30/03/2026
it's a classic! 🙌
010
Mayank @mayank.co · 30/03/2026
tidal keeps updating their UI seemingly every other day, and yet large parts of it remain untouched and broken. so many design issues just in this one little screenshot.
Screenshot of tidal's mobile homepage, showing two columns of tiny cards, all of them using the media object layout. Because of the small width, the labels are truncated. Because of the small height, the sublabels (artist names) are clipped by the bottom edge. Things are also generally misaligned and visually unbalanced.
250
Reposted by Mayank
Ky @ky.fyi · 29/03/2026
I’ve been doing design+webdev for over 10 years and I have deep expertise building and implementing design systems. if you’re looking for a design/dev hybrid to take polish and product thinking to the next level, let’s chat: ky.fyi
ky.fyi
Ky Decker
Ky is a designer and web developer based in NYC.
25020
Mayank @mayank.co · 30/03/2026
love that for you. good luck! (it's extra rough out here)
010
Mayank @mayank.co · 28/03/2026
my planet? silent.
120
Mayank @mayank.co · 28/03/2026
i haven't been inside a car in multiple years. highly recommend.
020
Mayank @mayank.co · 27/03/2026
i would wait to see it in practice before i really form an opinion, but my gut says bots will find ways around it. they always do. while worsening the experience for humans (who might be on old/weird devices)
100
Mayank @mayank.co · 27/03/2026
🎯 it's the main reason i stopped writing.
screenshot of a portion of my website saying "My blog is currently on hiatus indefinitely." under the heading 2025–
140
Mayank @mayank.co · 27/03/2026
too much good stuff is locked behind login (or worse, behind app stores). a few years ago, i would shake my head furiously. today, i still do that, but at the same time i get it because of all these fucking bots :/
3181
Mayank @mayank.co · 26/03/2026
this is literally one of my life goals. might need to do it part time at first
020
Mayank @mayank.co · 26/03/2026
the `title` attribute
030
Mayank @mayank.co · 26/03/2026
the golden age of CVEs
081
Mayank @mayank.co · 26/03/2026
just pushed up my March 2026 music snapshot to obsessions.mayank.co 👀
Visual representation of my music listening history on a dark grainy background. The top artists are: ERRA, Halestorm, Sordid Pink, Opeth, and Gojira, all shown in different colors on top of their circular avatars scattered somewhat chaotically on the screen. The top albums are: Silence Outlives The Earth by ERRA, Sordid Pink by Sordid Pink, Sorceress by Opeth, Everest by Halestorm, and An Undying Love for a Burning World by Neurosis, each shown with their cover and varying degrees of rotation applied.
030
Mayank @mayank.co · 18/03/2026
that looks like a perfectly cromulent button, which i shall click. wait, fuck! codepen.io/editor/hi_ma...
051
Mayank @mayank.co · 18/03/2026
i really appreciate the other topics. it makes the video game stuff better and more… human. the article about digital audio players is what got me into this hobby! aftermath.site/digita-audio...
120
Mayank @mayank.co · 17/03/2026
that wouldn't be the worst thing… at first.
020