Sublime
An inspiration engine for ideas
Found a neat CSS trick to automatically swap between black or white text based on any arbitrary background color!
With relative color syntax, you can use calc to adjust the text color depending if the background is above or below 50% lightness in the LCH color space. https://t.co/tO4ABVOcw2
Here's how I usually structure my Next/React apps.
Let's talk about styling, data fetching, UI libraries, settings, and more.
Styling
The short story is Tailwind. Why? It was easy for me to pick up, stays consistent whenever I revisit old projects, and works grea... See more
Lee Robinsonx.comLean into CSS custom properties 🤙
.char {
filter: blur(calc(1rem * var(--blur, 1)));
transition: filter var(--speed, 5s);
}
.char:hover {
--blur: 0;
--speed: 0.1s;
}
https://t.co/lvPQT01l81
jhey ʕ•ᴥ•ʔx.com
Check this out:
- Familiar API. Working with files is as simple as working with URLSearchParams, FormData, and other web APIs: get/set/has
- Swap out this `storage` object for anything! In dev write to disk, in production write to S3 or D1 or Blink-182, app code doesn't care! https://t.co/4WAe0mkMBL
btw, all the diagrams in this article are rendered using graphviz in a React Server Component to generate SVG at build time. Super convenient. https://t.co/ICFPTeSImg
What source code do you think is beautiful. Like, you go to their github repo and look at it and think "dang ... maybe one day I can write code like this"
For me it's
- MooTools
- Rails
- Preact
Ryan Florencex.com"Can I generate unique OG images for my blog articles in Next.js without manually creating each one?"
Yep https://t.co/OHIsuHTofG
Alex Sidorenkox.com