I'll be your huckleberry;
when you need someone who does both.
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 |
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 |
I'll be your huckleberry;
when you need someone who does both.
VisBug comes preinstalled in the Orion browser 🤘🏻💀
https://nerdy.dev/orion-ships-with-visbug-as-the-design-tools
I made a typeface, it's called Flexflex 🔠
I've been working on this project on-and-off for many months. Very happy to finally release it!
Flexflex is a typeface that responds to spatial requirements rather than imposing them. Built on a modular system, each letter can fit inside any given rectangular container and transforms continuously if its ratio changes. In theory, it's infinitely flexible.
For more information and interactive demos, see the website: https://ronikaufman.github.io/flexflex
a quick prototype sprint on an LLM chat interface
✅ view transitions
✅ readablestreams
✅ flow control
✅ light/dark
`-webkit-focus-ring-color`
`-moz-focus-ring-color`
^ the adaptive "system variable focus outline" color you can use to look integrated when using `color-scheme: light dark`
would be nice to not have the prefix, just be part of this https://developer.mozilla.org/en-US/docs/Web/CSS/system-color
some of my UI work
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));
}