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
yeah, this is one of the things i like about preact. it encourages experimentation (and it's scary once you know it exists)
November 11, 2025 at 12:11 AM
yeah, this is one of the things i like about preact. it encourages experimentation (and it's scary once you know it exists)
wait you're right, we can basically emulate custom units using functions!
unlike a transpilation approach, these custom "units" would work at runtime and be more powerful, e.g. type safety and can tap into media queries
unlike a transpilation approach, these custom "units" would work at runtime and be more powerful, e.g. type safety and can tap into media queries
October 1, 2025 at 12:26 AM
wait you're right, we can basically emulate custom units using functions!
unlike a transpilation approach, these custom "units" would work at runtime and be more powerful, e.g. type safety and can tap into media queries
unlike a transpilation approach, these custom "units" would work at runtime and be more powerful, e.g. type safety and can tap into media queries
now you've got me thinking: how often are we really creating design tokens by hand? the real value of custom functions would be on the consumption side.
September 30, 2025 at 10:59 PM
now you've got me thinking: how often are we really creating design tokens by hand? the real value of custom functions would be on the consumption side.
it was obviously about design tokens.
```
--color-bg: --themes(…);
--space-1: --densities(…);
```
and there was something about component states too.
```
:host {
color: --states(…);
}
```
```
--color-bg: --themes(…);
--space-1: --densities(…);
```
and there was something about component states too.
```
:host {
color: --states(…);
}
```
September 30, 2025 at 10:25 PM
it was obviously about design tokens.
```
--color-bg: --themes(…);
--space-1: --densities(…);
```
and there was something about component states too.
```
:host {
color: --states(…);
}
```
```
--color-bg: --themes(…);
--space-1: --densities(…);
```
and there was something about component states too.
```
:host {
color: --states(…);
}
```
this is exactly the kind of thing i was afraid of. part of me still wants to support them though if i can live with it
September 30, 2025 at 9:40 PM
this is exactly the kind of thing i was afraid of. part of me still wants to support them though if i can live with it
nice, i didn't realize there's a trial
i guess i could use Nova for personal projects and VSCode for work 🤔
i guess i could use Nova for personal projects and VSCode for work 🤔
September 30, 2025 at 9:34 PM
nice, i didn't realize there's a trial
i guess i could use Nova for personal projects and VSCode for work 🤔
i guess i could use Nova for personal projects and VSCode for work 🤔
now that i'm looking, it's interesting that the `add_styles` function returns the whole `<link>` tag. is there a way to get just the hashed URL? sometimes i like to add additional attributes on the `<link>` element
same goes for `add_image` and `add_script`
same goes for `add_image` and `add_script`
September 29, 2025 at 11:27 PM
now that i'm looking, it's interesting that the `add_styles` function returns the whole `<link>` tag. is there a way to get just the hashed URL? sometimes i like to add additional attributes on the `<link>` element
same goes for `add_image` and `add_script`
same goes for `add_image` and `add_script`
probably a good thing if it doesn't work?
the best place for authoring CSS continues to be a `.css` file
the best place for authoring CSS continues to be a `.css` file
September 29, 2025 at 11:18 PM
probably a good thing if it doesn't work?
the best place for authoring CSS continues to be a `.css` file
the best place for authoring CSS continues to be a `.css` file
brb rebuilding all my sites using maudit
September 29, 2025 at 11:06 PM
brb rebuilding all my sites using maudit
i'm afraid this is a rare Jerry Yes
i've been obsessed with this band for the last few months
i've been obsessed with this band for the last few months
September 29, 2025 at 10:11 PM
i'm afraid this is a rare Jerry Yes
i've been obsessed with this band for the last few months
i've been obsessed with this band for the last few months
maybe i'm just a nerd but the HTML AAM is one of my favorite pages on the internet.
September 23, 2025 at 7:51 PM
maybe i'm just a nerd but the HTML AAM is one of my favorite pages on the internet.
lost me at the very first line (the triangle)
September 23, 2025 at 7:25 PM
lost me at the very first line (the triangle)
there are also so many papercuts which prevent the full potential of containers from being realized.
i think we're still in early stages with containers, despite good support for the base feature set
i think we're still in early stages with containers, despite good support for the base feature set
September 21, 2025 at 5:08 PM
there are also so many papercuts which prevent the full potential of containers from being realized.
i think we're still in early stages with containers, despite good support for the base feature set
i think we're still in early stages with containers, despite good support for the base feature set
i like to take a top-down approach, setting up containers for every major landmark on the page.
these containers get shuffled around depending on the viewport size.
individual components have no knowledge of the overall page layout. no media queries inside components.
these containers get shuffled around depending on the viewport size.
individual components have no knowledge of the overall page layout. no media queries inside components.
September 21, 2025 at 5:01 PM
i like to take a top-down approach, setting up containers for every major landmark on the page.
these containers get shuffled around depending on the viewport size.
individual components have no knowledge of the overall page layout. no media queries inside components.
these containers get shuffled around depending on the viewport size.
individual components have no knowledge of the overall page layout. no media queries inside components.
i use Obsidian simply because it's the least bad thing i've found. there is definitely room for something nicer
can't imagine going back to pen & paper. i don't think i even own a notebook (or a pen 😂)
can't imagine going back to pen & paper. i don't think i even own a notebook (or a pen 😂)
September 19, 2025 at 12:59 PM
i use Obsidian simply because it's the least bad thing i've found. there is definitely room for something nicer
can't imagine going back to pen & paper. i don't think i even own a notebook (or a pen 😂)
can't imagine going back to pen & paper. i don't think i even own a notebook (or a pen 😂)
![Screenshot of a portion of a CSS reset highlighting scrollbar-gutter: stable on the html element.
Full snippet:
:where(html) {
-webkit-text-size-adjust: none;
color-scheme: dark light;
tab-size: 2;
scrollbar-gutter: stable;
interpolate-size: allow-keywords;
line-height: 1.5;
}
:where(html:has(dialog:modal[open])) {
overflow: clip;
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:7g6egal4g5xxyndeeltr5oss/bafkreiaread6xix22l4jnu43vatymcpboq33zxpvfqchehndaaazf7debq@jpeg)
yeah it's the former use case. think of a "sign out" action or a "details view" located alongside other menu-items. these
i'm aware that navigation is a totally different thing from a "menu"
i'm aware that navigation is a totally different thing from a "menu"
September 17, 2025 at 6:55 PM
yeah it's the former use case. think of a "sign out" action or a "details view" located alongside other menu-items. these
i'm aware that navigation is a totally different thing from a "menu"
i'm aware that navigation is a totally different thing from a "menu"