Backlight
A unique, all-in-one frontend solution for building design systems.
design
Color psychology of design
A fantastic article that runs us through color psychology as it relates to UI and UX design
Iconbuddy
Over 100k+ open source icons
Modern Font Stacks
Pretty great visual tool for “out of the box” web font stacks.
Pretty Folio
Discover the best portfolios, curated just for you.
Google Maps design transition (Part 1)
An awesome twitter (X?) thread on Google Maps transition back in the day
Google Maps design transition (Part 2)
Part 2 of the awesome twitter (X?) thread on Google Maps transition back in the day
tooling
Backlight
A unique, all-in-one frontend solution for building design systems.
A pretty decent Favicon creator
While building out olvr.cc, I needed a favicon generator thing and this one is great -takes 1 hi-res image, spits out all the favicons and webmanifest you need.
Iconbuddy
Over 100k+ open source icons
Modern Font Stacks
Pretty great visual tool for “out of the box” web font stacks.
Plain - Customer support for modern tools
Fast, modern and flexible customer support for the companies defining the next decade. Instant setup, seamless to integrate, and built API-first.
Agnostic Package Manager
A tool that wraps pnpm, npm and yarn, providing a single api regardless of the underlying package manager.
Git Flow Helpers
A couple scripts tools for managing git commits and branches following a specific flow model
MDX Generate Posts
A small CLI script to generate MDX posts from a given csv file, made for this website.
Obsidian Git Tools
Tools to help sync your Obsidian vault with Git
Script Help
A tool to display all script commands in the package.json from the current project.
ai
Custom instructions for Chat GPT is here
OpenAI is rolling out custom instructions to give you more control over how ChatGPT responds. Set your preferences, and ChatGPT will keep them in mind for all future conversations.
cicd
CICD for Monorepos
Twitter thread: "Over the last couple of years at Brex, we invested quite significantly to optimize the CI/CD setup for our monolithic web & mobile projects. Here are the main learnings 🧵"
monorepo
CICD for Monorepos
Twitter thread: "Over the last couple of years at Brex, we invested quite significantly to optimize the CI/CD setup for our monolithic web & mobile projects. Here are the main learnings 🧵"
engineering
CICD for Monorepos
Twitter thread: "Over the last couple of years at Brex, we invested quite significantly to optimize the CI/CD setup for our monolithic web & mobile projects. Here are the main learnings 🧵"
A pretty decent Favicon creator
While building out olvr.cc, I needed a favicon generator thing and this one is great -takes 1 hi-res image, spits out all the favicons and webmanifest you need.
Iconbuddy
Over 100k+ open source icons
Modern Font Stacks
Pretty great visual tool for “out of the box” web font stacks.
Plain - Customer support for modern tools
Fast, modern and flexible customer support for the companies defining the next decade. Instant setup, seamless to integrate, and built API-first.
React for the command line
This is amazing. It allows you to run and build react-based CLI tools.
Tanstack Query 5.0 is in Beta!
Dominik on Twitter - TanStack Query v5 is now in beta. After 91 alpha releases over the last 5 months, we now believe our APIs are mostly stable - we don't have any plans to drastically change them. https://t.co/IBTpZCWZ5B
Vaul - A drawer component for React.
This is really nice - it's a Drawer component for React built using RadixUI under the hood
Images in Nextjs from Lee Robinson
Great video on using Images with Next and all the magic their new Image component can do
The Ultimate React State Manager?
Is Legend the perfect React state manager. Could be with an easy-to-use Proxy API that supports reactive observation and computed values, along with preact-signals style fine-grained updating, in a package that is only 3Kb!
Walk through of API interaction
A great walk through on API interactions
Component Testing with Playwright
Playwright is so nice. Here they’re using it instead of Jest & React Testing Library - and it’s really nice and easy - plus you can use all of Playwright’s other utils/fns - like server response mocking etc, which wraps it all up really well. This is a great little run through
Agnostic Package Manager
A tool that wraps pnpm, npm and yarn, providing a single api regardless of the underlying package manager.
Git Flow Helpers
A couple scripts tools for managing git commits and branches following a specific flow model
Obsidian Git Tools
Tools to help sync your Obsidian vault with Git
Script Help
A tool to display all script commands in the package.json from the current project.
frontend
A pretty decent Favicon creator
While building out olvr.cc, I needed a favicon generator thing and this one is great -takes 1 hi-res image, spits out all the favicons and webmanifest you need.
Frontend Testing is for Everyone
A great run through (slightly dated) on the ways and tooling to test frontend applications
Iconbuddy
Over 100k+ open source icons
content tools
A pretty decent Favicon creator
While building out olvr.cc, I needed a favicon generator thing and this one is great -takes 1 hi-res image, spits out all the favicons and webmanifest you need.
MDX Generate Posts
A small CLI script to generate MDX posts from a given csv file, made for this website.
testing
Frontend Testing is for Everyone
A great run through (slightly dated) on the ways and tooling to test frontend applications
Component Testing with Playwright
Playwright is so nice. Here they’re using it instead of Jest & React Testing Library - and it’s really nice and easy - plus you can use all of Playwright’s other utils/fns - like server response mocking etc, which wraps it all up really well. This is a great little run through
typography
Modern Font Stacks
Pretty great visual tool for “out of the box” web font stacks.
business
Plain - Customer support for modern tools
Fast, modern and flexible customer support for the companies defining the next decade. Instant setup, seamless to integrate, and built API-first.
Some thoughts from Vercel COO as he steps down after 4 years
kvg on Twitter - After 4 years at @vercel, I’m stepping down as COO.During my time, we went from a team of 25 to 450, increased revenue 75x, and learned ten things for others experiencing hypergrowth 👇🧵
customer support
Plain - Customer support for modern tools
Fast, modern and flexible customer support for the companies defining the next decade. Instant setup, seamless to integrate, and built API-first.
react
React for the command line
This is amazing. It allows you to run and build react-based CLI tools.
Tanstack Query 5.0 is in Beta!
Dominik on Twitter - TanStack Query v5 is now in beta. After 91 alpha releases over the last 5 months, we now believe our APIs are mostly stable - we don't have any plans to drastically change them. https://t.co/IBTpZCWZ5B
Vaul - A drawer component for React.
This is really nice - it's a Drawer component for React built using RadixUI under the hood
The Ultimate React State Manager?
Is Legend the perfect React state manager. Could be with an easy-to-use Proxy API that supports reactive observation and computed values, along with preact-signals style fine-grained updating, in a package that is only 3Kb!
cli
React for the command line
This is amazing. It allows you to run and build react-based CLI tools.
node
React for the command line
This is amazing. It allows you to run and build react-based CLI tools.
nextjs
Images in Nextjs from Lee Robinson
Great video on using Images with Next and all the magic their new Image component can do
self improvement
MIT How to Speak, IAP 2018
Patrick Winston's How to Speak talk has been an MIT tradition for over 40 years. Offered every January, the talk is intended to improve your speaking ability in critical situations by teaching you a few heuristic rules.
dev tools
Agnostic Package Manager
A tool that wraps pnpm, npm and yarn, providing a single api regardless of the underlying package manager.
Git Flow Helpers
A couple scripts tools for managing git commits and branches following a specific flow model
Obsidian Git Tools
Tools to help sync your Obsidian vault with Git
Script Help
A tool to display all script commands in the package.json from the current project.