Paco Coursey
Crafting interfaces. Webmaster at Linear. Building polished software and web experiences.
After trying many apps, my favorite macOS color picker remains the built in utility. It's only shown while editing in specific applications though, so here's how you can turn it into a dedicated app. Open Script Editor and create a new document Enter choose color Save as an Application in your Applications folder Launch your new Color Picker application. I use the second tab with RGB Sliders to easily copy the hex code. Pressing escape closes the app. That's it. No installation neces
I had an idea for caching SVG paths. Not the usual kind of async request caching of remote SVGs, but local re-use of DOM elements that have already rendered. SVG's element allows re-use of an existing DOM element, without manually duplicating the node. It works like this: --> Setup When using an icon set like Feather in React, I prefer to use a higher-order component (HOC) and a generic Icon component to render each icon with consistent properties. We'll use this HOC to demonstra

People-centered software designer who dabbles with front-end engineering & nerds out on product strategy.

full-stack engineer creating polished software

Free spirit

I’m Robbie Wagner, and I currently sling JavaScript for HashiCorp. I previously slung JavaScript for Amazon, Apple, and Netflix as well, and hope to complete my MANAMANA tour one day.
If you want to add custom CSS to a website without using a browser extension, you can proxy the site using a serverless function and inject a new stylesheet. I love Aaron Swartz's blog, but the font size is tiny, the content is not centered, and the colors aren't late-night friendly. Let's improve it. Create api/index.js and add a server-side fetching library like node-fetch: const fetch = require('node-fetch') module.exports = (req, res) => { res.end() } Fetch the HTML of the actual site: mo