Nostr notes by Mayank

hmm, i just tested a fresh button. chrome and safari allow text ...

2026-06-01T21:29:53Z

In reply to nevent1q…p74h
_________________________

hmm, i just tested a fresh button. chrome and safari allow text selection, but firefox blocks it.

no, it was just getting rid of the default cursor. when i hover ...

2026-06-01T21:15:54Z

In reply to nevent1q…e6f0
_________________________

no, it was just getting rid of the default cursor. when i hover the button, my pointer literally disappears!

are you perhaps thinking of `user-select: none`? i see that on buttons all the time. (also not a fan of it, but it makes sense in some cases)

Nostr event nevent1qqsyceuj5cczp5dgr3ry6kudvrgc7jx524c87msh3cu9uwdhlrn5qdszyp9ver36parmjg932ledhrn6f7r2hshqzsxjlvpryfte7ky2vdkhzmadv9w

2026-06-01T15:54:02Z

found `cursor: none` on a button today. that's a new one.

they're talking about the "future of the web". to me, ...

2026-03-23T18:18:55Z

In reply to nevent1q…kwkt
_________________________

they're talking about the "future of the web". to me, that literally sounds like Servo. it's one of the few technologies i'm actually looking forward to.

not even a hint of Servo mentioned in this post about ...

2026-03-23T18:07:46Z

not even a hint of Servo mentioned in this post about "independent browser engines". https://blog.mozilla.org/netpolicy/2026/03/23/competition-innovation-and-the-future-of-the-web/

this is an interesting gadget which would be useful for my ADHD ...

2026-01-27T18:08:49Z

this is an interesting gadget which would be useful for my ADHD brain, if only it wasn't literally designed to become e-waste. https://repebble.com/blog/meet-pebble-index-01-external-memory-for-your-brain

indeed, it expects formats/units from the '90s. i just ...

2026-01-17T14:25:03Z

In reply to nevent1q…e0mj
_________________________

indeed, it expects formats/units from the '90s.

i just can't design with these unnecessary limitations. it's fundamentally incompatible with how i think about the web today.

design tools and i will never be friends 💔 ...

2026-01-17T03:59:31Z

design tools and i will never be friends 💔

RE: https://indieweb.social/@NicMakesStuff/115664939193113656 Nic ...

2025-12-05T09:47:19Z

RE: https://indieweb.social/@NicMakesStuff/115664939193113656

Nic (Nic (npub1ppz…5fpk)) is quite literally the best person you could hire right now for any kind of webdev project

quoting
note194a…6ru5

I've never seen the industry so reluctant to spend. I had a company with 9 figures (yes, in USD) in revenue turn down a low five figure quote for a custom solution that would be revenue generating.

As a side note, if you're looking for a web swiss army knife, your gal is free in Q1~

Anyone hiring a frontend developer in Canada? Circumstances have ...

2025-11-27T17:38:10Z

Anyone hiring a frontend developer in Canada? Circumstances have led me to start looking for my next job sooner than I would have liked.

I excel at working on design systems, cultivating a frontend culture, building with the grain of the web, and creating inclusive user experiences. Reach out if you need help with any of these!

I have deep knowledge of the web fundamentals (HTML/ARIA, CSS, JS) and the frontend ecosystem at large (build tools, frameworks, design tools).

#GetFediHired #FediHire

just one more month until the `color-mix()` function is ...

2025-10-08T18:22:43Z

just one more month until the `color-mix()` function is considered "baseline widely available"

this function is possibly one of the most useful recent additions to CSS.

finally some good news!

2025-08-01T21:27:28Z

In reply to nevent1q…ph5c
_________________________

finally some good news!

the next generation of stalebots ...

2025-07-19T14:51:01Z

the next generation of stalebots

i haven't taken the time to learn any fancy obsidian features ...

2025-06-18T21:29:21Z

In reply to nevent1q…3dl6
_________________________

i haven't taken the time to learn any fancy obsidian features (someday!)

i still pay for obsidian sync, because it's just so nice to use a piece of software and not have to deal with "AI" or any other crap

i've been trying out "one page per idea" in my ...

2025-06-18T21:17:18Z

i've been trying out "one page per idea" in my private obsidian. any new idea, no matter how small, gets its own page.

previously i would only sort/organize by date, which means multiple unrelated things ended up on the same page and it also became impossible to meaningfully search for anything from the past.

svg favicons everywhere! this is not a drill ...

2025-06-10T18:14:14Z

svg favicons everywhere! this is not a drill

https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/

what the fuck is happening ...

2025-06-08T14:56:34Z

what the fuck is happening

https://www.rollingstone.com/culture/culture-features/ai-spiritual-delusions-destroying-human-relationships-1235330175/

i would link it to the id of the first sensible thing on the page ...

2025-06-04T19:00:08Z

In reply to nevent1q…mlew
_________________________

i would link it to the id of the first sensible thing on the page (e.g. an `<h1>`, or even a skip-to-content link). the focus will move to that element on click.

note: HTML supports a special `href=#top` value, but it behaves the same as `href=#` and does not move focus (unless there is an element with `id=top`)

every time i use CSS grid, i wish it behaved more like flexbox. ...

2025-06-04T16:27:03Z

every time i use CSS grid, i wish it behaved more like flexbox.

bad API or skill issue?

i was also very disappointed in penpot's implemention of ...

2025-05-17T17:18:25Z

In reply to nevent1q…aq6a
_________________________

i was also very disappointed in penpot's implemention of design tokens. it doesn't make much sense. i want to "set a color" not "use a token"

"don't use CSS that makes the visual order contradict the ...

2025-05-02T18:40:21Z

In reply to nevent1q…trz0
_________________________

"don't use CSS that makes the visual order contradict the logical order." 💯

now to wait until Firefox/Safari express interest in implementing this.
- https://github.com/mozilla/standards-positions/issues/1056
- https://github.com/WebKit/standards-positions/issues/378

i would be interested in seeing examples of where this is ...

2025-05-02T18:25:41Z

In reply to nevent1q…kq33
_________________________

i would be interested in seeing examples of where this is actually improving accessibility.

maybe the real problem here is that CSS can drastically change the visual order of elements.

i also worry about the progressive enhancement story for this. until this is implemented in all browsers, it probably should not be used.

does anyone have thoughts on the #accessibility impact of Chrome ...

2025-05-02T18:07:37Z

does anyone have thoughts on the #accessibility impact of Chrome shipping `reading-flow` and `reading-order`? https://developer.chrome.com/blog/reading-flow

seems like it could be misused. and it might encourage bad patterns.

#a11y #CSS

omg this also happens to my work mac sometimes. it's so ...

2025-05-01T23:20:16Z

In reply to nevent1q…te2k
_________________________

omg this also happens to my work mac sometimes. it's so weird!

"Then CSS came along, it was a fucking miracle." — ...

2025-03-29T16:22:58Z

"Then CSS came along, it was a fucking miracle." — https://eev.ee/blog/2020/02/01/old-css-new-css/

learned at least 7 different things about the web from this post

the US Web Design System having to delete their page on inclusive ...

2025-01-30T16:15:40Z

the US Web Design System having to delete their page on inclusive design is wild

https://github.com/uswds/uswds-site/pull/3078

why does it feel like there are fewer and fewer real allies going ...

2025-01-11T18:43:26Z

why does it feel like there are fewer and fewer real allies going into 2025?

babe wake up, new neal.fun minigame just dropped ...

2025-01-07T00:44:24Z

babe wake up, new neal.fun minigame just dropped https://neal.fun/stimulation-clicker/

i could just accept it as "the way things are". but i ...

2024-12-22T17:49:33Z

In reply to nevent1q…che2
_________________________

i could just accept it as "the way things are". but i choose to keep being angry at how most software sucks in so many little ways (by design).

this doesn't even cover the worst aspects of capitalism, but it's a good read: https://www.wheresyoured.at/never-forgive-them/

you know it's December when YouTube recommends shit like ...

2024-12-22T17:26:16Z

In reply to nevent1q…zg92
_________________________

you know it's December when YouTube recommends shit like "lofi christmas". also michael bublé in four different playlists.

google literally knows about every song i've ever listened to in my entire life. it would be so easy for them to give me something relevant. it doesn't have to be like this

this is so good! i crave this kind of "inside scoop". it ...

2024-12-20T18:26:44Z

In reply to nevent1q…peck
_________________________

this is so good! i crave this kind of "inside scoop". it came in at the perfect time too; building a tree of interactive elements at work, and we started with simple nested lists, which are hella annoying to navigate.

am i understanding correctly that you want the sub-issues experience (i.e. keyboard shortcut which opens a dialog for secondary actions) to be used everywhere on github? and that the current tabbing approach was a compromise made mainly because of the size of the change?

you know it's December when Hulu and Hbo both want you to ...

2024-12-20T01:37:46Z

you know it's December when Hulu and Hbo both want you to watch Elf 200 times

today has been like: Oops! All Disappointment

2024-12-10T19:42:32Z

today has been like:

Oops! All Disappointment

this call is being recorded. anything you say can and will be ...

2024-12-05T19:53:40Z

this call is being recorded. anything you say can and will be used for AI training purposes

wait this is genius! do you put it in a `<text>`?

2024-12-02T09:59:52Z

In reply to nevent1q…lszr
_________________________

wait this is genius! do you put it in a `<text>`?

i always create an empty favicon.svg file. but this is even ...

2024-12-02T09:18:17Z

In reply to nevent1q…wj9s
_________________________

i always create an empty favicon.svg file. but this is even better 👀

this article and the quoted research is wild. ...

2024-11-29T19:02:39Z

this article and the quoted research is *wild*. https://www.404media.co/are-overemployed-ghost-engineers-making-six-figures-to-do-nothing/

i've personally worked with "ghost engineers" who get paid double what i make and contribute absolutely nothing. but management is usually aware of them and even complicit in protecting them.

surveillance is going to change nothing (except of course violate the privacy for those who are actually contributing)

today i finally updated chrome. i was holding off bc i knew they ...

2024-11-21T03:07:45Z

today i finally updated chrome. i was holding off bc i knew they had added AI bullshit to dev-tools. https://developer.chrome.com/blog/new-in-devtools-131

it's so in your face — "Ask AI" is literally the first option when you open the context menu

maybe it's just me, but this thing makes me not even want to open chrome dev-tools.

i still use `rel=noreferrer` manually because i almost never use ...

2024-11-19T20:11:03Z

In reply to nevent1q…0vf0
_________________________

i still use `rel=noreferrer` manually because i almost never use `target=_blank`

settled on netlify after all. Matt made it easy ...

2024-11-07T01:14:43Z

In reply to nevent1q…t7an
_________________________

settled on netlify after all. Matt made it easy

yeah i think that's not enough. it's plausible ...

2024-11-06T19:00:38Z

In reply to nevent1q…ruxf
_________________________

yeah i think that's not enough. it's plausible deniability at best

are there any hosting providers that you know for certain are not ...

2024-11-06T18:49:51Z

are there any hosting providers that you know for certain are not problematic in some way?

📝 new blog post: "Your CSS reset should be layered". ...

2024-11-03T20:54:51Z

📝 new blog post: "Your CSS reset should be layered". https://www.mayank.co/blog/css-reset-layer

i've been wanting to publish this one ever since i built my own CSS reset. i was waiting until layers were "baseline widely available"

there's good parts and bad parts. APG only shows you how to ...

2024-11-03T00:25:32Z

In reply to nevent1q…f0hk
_________________________

there's good parts and bad parts. APG only shows you how to use ARIA (which may not even be supported), it's not a production-tested pattern library to use as a blueprint. that's why there's a prominent warning on every page

speaking of emojis, i recently learned that HTML allows some ...

2024-10-22T00:13:38Z

In reply to nevent1q…304j
_________________________

speaking of emojis, i recently learned that HTML allows some emoji (like "🥔") in a custom element name, but disallows certain other emoji (like "✨").

the CSS spec borrowed the same restrictions from HTML: https://drafts.csswg.org/css-syntax/#non-ascii-ident-code-point

but browsers don't follow the spec here. so custom properties named `--🥔` and `--✨` both work in all browsers.

when @npub1ufg…wuqt said "start overengineering your ...

2024-10-21T22:46:58Z

In reply to nevent1q…g269
_________________________

when Kevin Powell (npub1ufg…wuqt) said "start overengineering your CSS", i really took that to heart.

a sign that your CSS might be too powerful is when it breaks all ...

2024-10-21T22:20:30Z

a sign that your CSS might be too powerful is when it breaks all the existing tooling

over the last few days i've noticed:
- nested cascade layers break vscode's syntax highlighting
- emojis in custom properties break biome's and vscode's CSS parsers in different ways
- cyclic space toggles break browser devtools

it looks still open source (at least partially)? ...

2024-10-10T10:03:44Z

In reply to nevent1q…9fry
_________________________

it looks still open source (at least partially)? https://github.com/tldraw/tldraw/tree/main/apps/dotcom/client

two use-cases for #WebComponents that i don't see being ...

2024-10-10T00:36:52Z

two use-cases for #WebComponents that i don't see being talked about enough:

1. micro-micro-frontends using custom elements: you can have different people build different parts of the same page (even using different frameworks), and bring them together using custom elements.

2. stateful diffing using shadow dom: you can swap out HTML of a shadow-tree without losing dom state (e.g. focus or text selection) of slotted elements.

i don't often talk about mastodon meta (feels really weird) ...

2024-09-20T21:17:47Z

In reply to nevent1q…um8s
_________________________

i don't often talk about mastodon meta (feels really weird) but i've been enjoying https://phanpy.social/ - it's pretty decent with regards to threads and replies

(i think this was a reply to me? haha)

2024-09-20T21:15:53Z

In reply to nevent1q…6fmj
_________________________

(i think this was a reply to me? haha)

this is the clarification i was looking for, thank you! and ...

2024-09-17T19:40:42Z

In reply to nevent1q…tkcv
_________________________

this is the clarification i was looking for, thank you! and congrats 🎈

sorry if i'm being dense but could you maybe clarify a little ...

2024-09-17T19:37:22Z

In reply to nevent1q…57py
_________________________

sorry if i'm being dense but could you maybe clarify a little bit more?

if the answer to all of Thomas Michael Semmler (npub1lpj…5j0h)'s questions is "yes", then i don't understand how FA "bought" 11ty and how it's still "owned" by you. these seem mutually exclusive?

this has probably been asked before: what's the least bad ...

2024-09-12T18:24:56Z

In reply to nevent1q…c7z6
_________________________

this has probably been asked before: what's the least bad CMS?

things i'm looking for: accessibility, self-hostability, customizability.

bonus points if it can output markdown.

do they still have the lady shouting "bluetooth ...

2024-09-12T00:48:03Z

In reply to nevent1q…mmc8
_________________________

do they still have the lady shouting "bluetooth (dis)connected" and "battery low" in your ears?

Nostr event nevent1qqspgkkmudfk2mem5l0ahm5sw5s8xwz2hwrcq3tkpxpf3rkjzaxsdhgzyp9ver36parmjg932ledhrn6f7r2hshqzsxjlvpryfte7ky2vdkhzaeqraz

2024-09-10T20:02:09Z

help i feel like building a CMS (i really shouldn't)

anyone know yahoo is? i have the vaguest memory of what it was ...

2024-09-09T23:19:29Z

anyone know yahoo is?

i have the vaguest memory of what it was from when i was 6 years old. today i have absolutely no clue what yahoo.com is and i simply ignore it in search results

hunte-- oh hi Zach!

2024-09-06T18:38:13Z

In reply to nevent1q…vn4v
_________________________

hunte-- oh hi Zach!

as a macOS user, i want a random unrelated window to steal my ...

2024-09-06T18:17:37Z

as a macOS user,

i want a random unrelated window to steal my focus while i'm in the middle of typing

so that i can waste 10 minutes complaining about it before i get back to whatever i was doing

"can you convert a video to pure css?" ...

2024-08-28T23:56:24Z

"can you convert a video to pure css?" https://dgerrells.com/blog/can-you-convert-a-video-to-pure-css

i don't know who David Gerrells is, but they have the most cursed blog posts (previously: "so you think you know box shadows?" https://dgerrells.com/blog/how-not-to-use-box-shadows)

10/10 would subscribe again

they even built a tool that takes your video and converts it into keyframes: https://dgerrells.com/video-to-css

you can build a simple, maintainable website that serves zero JS ...

2024-08-27T19:32:52Z

In reply to nevent1q…4u8a
_________________________

you can build a simple, maintainable website that serves zero JS by using nonstandard tooling (like Preact/Astro) on the server.

you cannot do the same by following web standards. that just makes me sad.

RE: https://toot.cat/@zkat/113030184473098684

it has been almost a decade since Mozilla killed HTML imports and ...

2024-08-27T19:31:59Z

it has been almost a decade since Mozilla killed HTML imports and we still do not have a meaningful replacement.

https://hacks.mozilla.org/2014/12/mozilla-and-web-components/

RE: https://typetura.social/@scott/113035240085936283

how is mastodon still DDOSing websites, smfh ...

2024-08-27T12:23:50Z

how is mastodon still DDOSing websites, smfh

https://flipboard.social/@coffeegeek/113030436873628885
https://hackers.town/@requiem/113033744308284474

(first seen on https://mastoddos.evilgeniusrobot.uk/ and then on https://kevquirk.com/blog/mastodon-is-ddosing-me)

still thinking about this, five hours later

2024-08-15T20:48:50Z

In reply to nevent1q…p5fl
_________________________

still thinking about this, five hours later

this sort of thing should probably be a fragment link. currently ...

2024-08-12T12:43:00Z

In reply to nevent1q…9fnr
_________________________

this sort of thing should probably be a fragment link. currently a screen-reader user does not get any feedback after clicking the link; it's as if the link were broken. in comparison, clicking a fragment link would move focus to the target element, which gets announced by screen-readers.

you might like https://tsx.is/

2024-08-12T12:13:36Z

In reply to nevent1q…t94c
_________________________

you might like https://tsx.is/

"why care about [some users]?" is not a good question. ...

2024-08-07T23:30:29Z

In reply to nevent1q…5fqj
_________________________

"why care about [some users]?" is not a good question.

firefox ESR is not some legacy browser, it is updated on a yearly basis. supporting browser versions released less than a year ago is not an unfair ask. you'd need to do the same for safari on iOS anyway

nesting is quite a dangerous one. i've already encountered ...

2024-08-07T23:00:46Z

In reply to nevent1q…cecg
_________________________

nesting is quite a dangerous one. i've already encountered many sites that didn't work in Firefox ESR until a couple weeks ago.

feature queries in `@import` also wasn't supported until very recently, which makes it difficult to add a fallback without resorting to JS

based on how many "cards" are on the web, you'd think ...

2024-08-07T19:41:40Z

based on how many "cards" are on the web, you'd think it'd be more common for these cards to be accessible.

most web developers are still wrapping entire cards in anchors, causing the link's name to comprise the entire title, description and image alt text. sometimes there are even secondary links/buttons nested inside the main link. it's disgraceful.

i've made a thing: https://xkcd.fyi/ it's an alternative ...

2024-08-05T16:52:44Z

i've made a thing: https://xkcd.fyi/

it's an alternative frontend to https://xkcd.com/ with some important differences:
- title text shown in a more accessible way (instead of abusing alt text)
- transcript included for every comic (with newer ones sourced from explainxkcd)
- link to https://explainxkcd.com/ (for when you don't get the joke)
- dark mode!

can we get the `EyeDropper` api in all browsers pls ...

2024-08-05T00:24:50Z

In reply to nevent1q…m753
_________________________

can we get the `EyeDropper` api in all browsers pls

https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper

need something between "mint" and "scuffed"

2024-08-01T19:46:14Z

In reply to nevent1q…pxdm
_________________________

need something between "mint" and "scuffed"

can we get svg favicons already? (safari pls ...

2024-07-05T18:49:49Z

In reply to nevent1q…r60v
_________________________

can we get svg favicons already? (safari pls https://caniuse.com/link-icon-svg)