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 · 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 · 07/05/2026
you can just put stuff up on the web!
0101
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 · 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
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
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 · 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
the golden age of CVEs
081
Mayank @mayank.co · 17/03/2026
looks like we're about to find out how much of a community project deno is
1281
Mayank @mayank.co · 16/03/2026
accidentally clicked the copilot button in Outlook and now i need to take a shower
251
Mayank @mayank.co · 13/03/2026
what's the difference between these two lines of code? the first one imports the styles into a layer named css_is_awesome. the second one imports the styles into an anonymous layer if `@media (css_tooling_sucks)` matches. i've lost so many hours to this over the years.
@import "styles.css" layer(css_is_awesome);
@import "styles.css" layer (css_tooling_sucks);
2212
Mayank @mayank.co · 13/03/2026
currently listening to Lauren Babic's EP "Too Much and Never Enough", released almost one year ago. laurenbabic.bandcamp.com/album/too-mu... some incredibly powerful vocals throughout the EP, and of course this seriously disgusting opening riff in "Let It Die": www.youtube.com/watch?v=xi7r...
youtube.com
Lauren Babic – Let It Die (Official Music Video)
YouTube video by Lauren Babic
000
Mayank @mayank.co · 11/03/2026
this is both unreasonably fun and made me realize my screen is nasty. my score: 0.0033
keithcirkel.co.uk
What's My JND?
Find your Just Noticeable Difference in colour perception. How small a colour difference can you actually see?
030
Mayank @mayank.co · 10/03/2026
don't like semicolons? you can punctuate your css with exclamation marks instead! p { color: hotpink! important}
0140
Mayank @mayank.co · 27/02/2026
this year i'm going to write at least one print stylesheet 🖨️ (i've never written one before!)
4151
Mayank @mayank.co · 23/02/2026
this article perfectly captures the kind of system i've been building for myself: an always-on computer that runs a bunch of services which can only accessed within the local network. goodinternetmagazine.com/whats-a-home...
goodinternetmagazine.com
What's a Home Lab and why do you need one?
There is an overarching belief that most things we want to do on the internet can only be accomplished by signing up for accounts with big technology companies. While it is true that a quick and dirty...
241
Mayank @mayank.co · 21/02/2026
<link rel="icon" href="data:," /> adding this line to all my starter templates to fix those pesky 404s.
2331
Mayank @mayank.co · 18/02/2026
this looks wonderful! new tech tends to be pretty uninspiring, so why not look towards old tech?
160
Mayank @mayank.co · 17/02/2026
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)
000
Reposted by Mayank
Bart Veneman @veneman.dev · 06/02/2026
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!
projectwallace.com
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.
68636
Mayank @mayank.co · 05/02/2026
"CSS is my passion"
Screenshot of a corner of a screen that says "By the people who made Tailwind CSS & Refactoring UI" followed by what looks like two paragraphs of illegible text overlapping each other.
2587
Mayank @mayank.co · 29/01/2026
RESOLVED: Add balance keyword to flex-wrap 🥳 github.com/w3c/csswg-dr...
2171
Mayank @mayank.co · 28/01/2026
forgot i left this comment here lol
devToolbar: { enabled: false }, // fuck off
3151
Mayank @mayank.co · 25/01/2026
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
2110
Mayank @mayank.co · 22/01/2026
scroll shadow has got to be my favorite thing to add to tables
4302
Mayank @mayank.co · 21/01/2026
ugh i want to work on my personal projects full time. there isn't enough time in the day
1170
Mayank @mayank.co · 17/01/2026
design tools and i will never be friends 💔
Screenshot of a dialog for creating a new color token with the name color-text-primary and the value oklch(1.0 0.002 210). Underneath, a red error message says "Invalid color value".Screenshot of a dialog for creating a new font-size token with the name font-size-base and the value 1rem. Underneath, a red error message says "Invalid token value".
1180
Reposted by Mayank
king lola 👑 @lolaodelola.bsky.social · 06/01/2026
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...
lola’s lab presents web standards for policy students and professionals. Shape the future of the web. A free 8-week course.
0116
Mayank @mayank.co · 06/01/2026
one of my 2026 goals is to intentionally focus more on _the work_ and less on $work.
070
Reposted by Mayank
Ashlee 🤟🏻 @ashleemboyer.com · 23/12/2025
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!
semanticfish.com
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.
55039
Mayank @mayank.co · 20/12/2025
i think my copy of bluesky is bricked :(
Screenshot of Bluesky's "Age Assurance" notice asking me to add my birthdate. Full text reads: "Hi there! In order to provide an age-appropriate experience, we need to know your birthdate. This is a one-time thing, and your data will be kept private. Set your birthdate below and we'll get you back to posting and exploring in no time!"
340
Reposted by Mayank
Nathan Knowler @knowler.dev · 19/12/2025
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...
htmhell.dev
Semantics beyond the tag name - HTMHell
A collection of bad practices in HTML, copied from real websites.
1247
Mayank @mayank.co · 11/12/2025
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
161
Mayank @mayank.co · 05/12/2025
so… who's looking for a frontend dev? i'd love to work on/with a robust design system DMs are now wide open!
03727
Mayank @mayank.co · 02/12/2025
i just want to do good work with other people who want to do good work
2463
Mayank @mayank.co · 09/11/2025
flashback to debugging broken layouts in safari
130
Mayank @mayank.co · 29/10/2025
the design tokens community group spec is now "stable" 👀 www.designtokens.org/tr/2025.10/
w3.org
Design Tokens specification reaches first stable version | Design Tokens Community Group
032
Mayank @mayank.co · 30/09/2025
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.
nova.app
Nova
The beautiful, fast, flexible, native Mac code editor from Panic.
350
Mayank @mayank.co · 11/09/2025
shoutout to anyone still working on design systems in 2025. it's rough out here
2361
Reposted by Mayank
Anthony Moser @anthonymoser.com · 27/08/2025
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.
anthonymoser.github.io
I Am An AI Hater
I am an AI hater. This is considered rude, but I do not care, because I am a hater.
17458372004
Mayank @mayank.co · 01/08/2025
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"
1221
Mayank @mayank.co · 22/07/2025
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)
4381
Mayank @mayank.co · 19/07/2025
the next generation of stalebots
Screenshot of a conversation on github. Someone said "Dosubot, the issue still persists", after which dosubot removed the stale label but also closed the issue with the following comment: "Thank you for your response! We appreciate your input regarding the issue. Since you mentioned it still persists, we'll go ahead and close this issue for now."
0181
Mayank @mayank.co · 17/07/2025
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...
181
Reposted by Mayank
⭑ salma @whitep4nth3r.com · 16/07/2025
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.
whitep4nth3r.com
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.
2828492