wsf-xix
Browsers. Paint Holding in Chrome, reducing the flash of white on same-origin navigations / How Web Content Can Affect Power Usage by Benjamin Poulain & Simon Fraser
Talks. The internet in 2030 by Andre Staltz / What we know we don't know by Hillel Wayne
SSG / CMS / IndieWeb. Site.js, by Aral Balkan and Laura Kalbag, who've just launched Small Technology Foundation / Why I have a website and you should too, by Jamie Tanna / Build your own blog from scratch using Eleventy by Zach Leatherman / WP Glossary / WordPress themes by Anders Norén / Weaving a public web, or, why don’t I blog more? by Brendan Schlagel / The (upcoming) WordPress renaissance by Leonardo Losoviz / How to put a HTML page on the internet by Julia Evans / Embedding React components in Jekyll blog posts by Pete Corey / Offline listings by Remy Sharp
CSS. Learning CSS by reading specs and Where did CSS named colors come from? by Chen Hui Jing / Under-engineered text boxen by Adrian Roselli / Estelle Weyl's CSS in depth / Create a responsive grid layout with no media queries, using CSS Grid by Andy Bell / Overflow and data loss in CSS by Rachel Andrew / Inspired Design Decisions: Alexey Brodovitch by Andy Clarke / Jeremy Keith has put together some links for starting out in web development
UX / Accessibility. Nutrition cards for accessible components by Dave Rupert / Command palettes for the web by Rob Dodson / Spatial Interfaces by John Palmer / The Arc of Collaboration by Kevin Kwok / Where We Can Go, Dan Eden on design systems / Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?, by Arthur Leonov
JavaScript. How to build a plugin system on the web and also sleep well at night, by the Figma team / Using native JavaScript modules in production today by Philip Walton / Going Buildless by Pascal Schilp / Metaphysics and JavaScript, slides by Rich Harris; responses by Jim Nielsen and Sebastian Markbåge
Creative Coding. Making of Byrne's Euclid by Nicholas Rougeux / Perfect loops in Processing by Marc Edwards / How to learn D3.js by Amelia Wattenberger / Enigma Machine an Observable visualization by Tom MacWright / Trigonometry basics: sine and cosine by Allen Chou / Other orders by Sam Lavigne / A programmer's intuition for matrix multiplication by Kalid Azad
Toolbox. pastel, a command-line tool to generate, analyze, convert and manipulate colors by David Peter / css-line-break implements the Unicode Line Breaking Algorithm / curl cookbook by Peter Krumins / madge, a command-line tools to visualize the ES module dependencies in your project / npkill, an interactive CLI to delete node_modules folders from your disk
Personal tech. monolith lets you save web pages as a single HTML file, with embedded CSS, JS, and images. / You're probably using the wrong dictionary (2014) by James Somers, via Frank Chimero
Writing. Ryan Singer's Shape Up book is now available as a PDF; here's how he wrote it / Advice for technical writing by Chris Coyer
Comics and zines. How HTTPS works and How DNS works / How to write zines with simple tools by Julia Evans
Making software. Avoid Premature Optimization by Victor Zhou / Everything I googled in a week as a professional software engineer, by Sophie Koonin / Google Engineering Practices goes into how to do code reviews / Martin Fowler's Software Architecture Guide / How do you build something people want? by Justin Jackson
Today I Learned
Some ffmpeg things. I wanted to repeat a 1-second video to make a 20-second video. The command is:
fffmpeg -stream_loop 20 -i one-sec.mp4 twenty-sec.mp4But the TIL was that ffmpeg has had some bugs in this area, and after trying some alternative methods, it turns out all I needed to do was to upgrade to the latest version. It worked flawlessly.
Other ffmpeg things. Brian Whitman shares a brilliant command to make a sound collage from the sound in your iPhone live photos / Ashley Blewer & colleagues have compiled a guide to ffmpeg / Here are ffmpeg recipes and notes I'm collecting
Soundtrack: Lana del Rey — Norman Fucking Rockwell!