A rather geeky/technical weblog, est. 2001, by Bramus
The folks at Voorhoede share how they integrated the actions/cache@v2 build step into their GitHub Workflow so that it caches npm install results. Super fast npm install on Github Actions → Related: By Shallow + Single Branch Cloning you can speed up the git clone step of your build pipeline. The actions/checkout@v2 build step already …
Nolan Lawson, on how we might focus too much on JavaScript bundle size: Performance is a multi-faceted thing. It would be great if we could reduce it down to a single metric such as bundle size, but if you really want to cover all the bases, there are a lot of different angles to consider. …
Continue reading “JavaScript performance beyond bundle size”
Jodah Adkins from Stamen Design: For the past year and a half, it’s been our privilege to work on one of our largest and most ambitious undertakings ever: collaborating closely with a team of Facebook engineers, designers, and data experts to roll out a global, multi-scale base map for all of Facebook’s billions of users. …
::before and ::after Pseudo-Elements
React.memo()
Dan Abramov shares 2 techniques to try before resorting to optimize with React.memo() In this post, I want to share two different techniques. They’re surprisingly basic, which is why people rarely realize they improve rendering performance. These techniques are complementary to what you already know! They don’t replace memo or useMemo, but they’re often good …
At first sight the new visual identity for the San Francisco Symphony (pictured below, on the right) looks a bit off … Those letters sure look a bit oddly sized, no? Turns out there’s a dynamic drive behind them: Leveraging new creative technology including variable font design, our new visual language (of which the logo …
Continue reading “SYMPHOSIZER – Playing with SF Symphony’s new Visual Identity”
RIP. If you’re into this kind of things, be sure to check the rest of the Sample Breakdown videos. Some nice gems in there! Related: Recently I made a WebHID-powered Daft Punk Sound Board for you to play with!
@scroll-timeline (Part 1)
Your work is done when it looks so simple that the consumer thinks they could have done it, which means they won’t appreciate how hard you worked. — David Perell Via @VisualizeValue
::spelling-error and ::grammar-error pseudo-elements
Part of the CSS Pseudo-Elements Level 4 Specification are ways to style spelling and grammar errors. By default spelling errors — words you have mistyped — get a red dotted underline, thanks to the ::spelling-error pseudo-class selector you can tweak that. Grammar errors — such as a missing capital letter at the beginning of a …