Teachin, designin, and buildin on the web all day.
Bluesky https://bsky.app/profile/nerdy.dev
| Site | https://nerdy.dev |
| RSS | https://nerdy.dev/rss.xml |
Recreating the Nintendo Switch Homescreen scroll UX
- 90% done with CSS
- a li'l JS for sounds, vibrations n' taps
It's not a challenge to design for reduced transparency, it's an opportunity.
https://nerdy.dev/prefers-reduced-transparency
- adaptive frosted glass
- adaptive captions
I'm still sad that the native CSS color functions do not work like in preprocessors in certain aspects, but with custom functions, we will be finally free
@function --rgba(--c <color>, --a: 1) {
result: rgb(from var(--c) r g b / var(--a));
}
#cssday: ya gonna be there?
No job?
Find a friend with a boat.
https://codepen.io/kizu/pen/qEddYOO
code {
--captured-length: 100cqi;
--captured-length2: 20ch;
--ratio: tan(atan2(
var(--captured-length),
var(--captured-length2)
));
tab-size: round(up, var(--ratio), 2);
}
3 Unintuitive #CSS Layout “Solutions”
```
min-width: 0?
flex-shrink: 0?
repeat(auto-fill, minmax(min(10rem, 100%), 1fr))
```
Roma Komarov
Roma Komarov
Igalia
