Kodsnack 328 - Cacophonous, but beautiful at the same time, with Nolan Lawson

<p>Fredrik talks to <a href="https://nolanlawson.com/">Nolan Lawson</a> - web performance expert, <a href="https://en.wikipedia.org/wiki/Mastodon_%28software%29">Mastodon</a> <a href="https://toot.cafe/web/getting-started">instance maintainer</a>, creator of a highly accessible Mastodon web client, and more. We discuss, among other things, the joys of distributed social media, where unlike centralized places like Twitter nobody can stop innovation when it comes to clients and interfaces and ways of use. Nolan talks about how and why he built <a href="https://pinafore.social/">Pinafore</a> - his Mastodon client. We touch on the different experiences people have and want out of social media, digital wellness, and how caring about performance cam be an act of empathy.</p> <p>Thank you <a href="http://www.cloudnet.se">Cloudnet</a> for sponsoring our <a href="http://en.wikipedia.org/wiki/Virtual_private_server">VPS</a>!</p> <p>Comments, questions or tips? We are <a href="https://www.twitter.com/kodsnack">@kodsnack</a>, <a href="https://www.twitter.com/tobiashieta">@tobiashieta</a>, <a href="https://www.twitter.com/oferlund">@oferlund</a> and <a href="https://www.twitter.com/bjoreman">@bjoreman</a> on Twitter, have a <a href="https://www.facebook.com/kodsnack">page on Facebook</a> and can be emailed at <a href="mailto:[email protected]">[email protected]</a> if you want to write longer. We read everything we receive.</p> <p>If you enjoy Kodsnack we would love a <a href="http://itunes.apple.com/se/podcast/kodsnack/id561631498?l=en">review in iTunes</a>! You can also support the podcast by <a href="https://ko-fi.com/kodsnack" rel="payment">buying us a coffee (or two!) through Ko-fi</a>.</p> <h2 id="links">Links</h2> <ul> <li><a href="https://nolanlawson.com/">Nolan Lawson</a></li> <li><a href="https://en.wikipedia.org/wiki/Salesforce.com">Salesforce</a></li> <li><a href="https://en.wikipedia.org/wiki/Apache_CouchDB#PouchDB">Pouchdb</a></li> <li><a href="https://en.wikipedia.org/wiki/Mastodon_%28software%29">Mastodon</a></li> <li><a href="https://nolanlawson.com/2017/03/05/what-it-feels-like-to-be-an-open-source-maintainer/">Open source maintainer guilt</a></li> <li><a href="https://toot.cafe/web/getting-started">Toot.cafe</a> - the Mastodon server Nolan runs</li> <li><a href="https://en.wikipedia.org/wiki/Ruby_%28programming_language%29">Ruby</a></li> <li><a href="https://inessential.com/">Brent Simmons</a></li> <li><a href="https://glitch.com/">Glitch</a></li> <li><a href="https://tinysubversions.com/">Darius Kazemi</a></li> <li><a href="https://github.com/hometown-fork/hometown">Hometown</a> - Darius' fork</li> <li><a href="https://mastodon.social/@Gargron">Eugen Rochko</a> - creator and maintainer of Mastodon</li> <li><a href="https://github.com/joyeusenoelle/GuideToMastodon/">Mastodon terminology and ways of working</a></li> <li><a href="https://rubyonrails.org/">Ruby on rails</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://webpack.js.org/">Webpack</a></li> <li><a href="https://nolanlawson.com/2019/02/10/building-a-modern-carousel-with-css-scroll-snap-smooth-scrolling-and-pinch-zoom/">How to write a carousel</a></li> <li><a href="https://www.insider.com/van-halen-brown-m-ms-contract-2016-9">Van Halen&rsquo;s M&amp;M rider clause</a></li> <li><a href="https://github.com/tc39/proposal-javascript-standard-library/">Built-in modules</a></li> <li><a href="https://curl.haxx.se/">Curl</a></li> <li><a href="https://pinafore.social/">Pinafore</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps">Progressive web apps</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API">Service workers</a></li> <li><a href="https://en.wikipedia.org/wiki/Cross-origin_resource_sharing">Cross-origin resource sharing - CORS</a></li> <li><a href="https://en.wikipedia.org/wiki/Gilbert_and_Sullivan">Gilbert and Sullivan</a> - and their <a href="https://en.wikipedia.org/wiki/H.M.S._Pinafore">Pinafore</a></li> <li><a href="https://tweetdeck.twitter.com/">Tweetdeck</a></li> <li><a href="https://blurha.sh/">Blurhash</a> - and <a href="https://github.com/woltapp/blurhash">on Github</a></li> <li><a href="https://en.wikipedia.org/wiki/Optical_character_recognition">OCR - optical character recognition</a></li> <li><a href="https://tesseract.projectnaptha.com/">Tesseract.js</a></li> <li><a href="https://en.wikipedia.org/wiki/WebAssembly">WASM</a> - Webassembly</li> <li><a href="https://en.wikipedia.org/wiki/Emscripten">Emscripten</a></li> <li><a href="https://pinafore.social/settings/wellness">Wellness settings in Pinafore</a></li> <li><a href="https://github.com/missive/emoji-mart">Emoji mart</a> - the emoji picker library</li> <li><a href="https://svelte.dev/">Svelte</a></li> <li><a href="https://vuejs.org/">Vue</a></li> <li><a href="https://babeljs.io/">Babel</a></li> <li><a href="https://reactjs.org/docs/introducing-jsx.html">JSX</a></li> <li><a href="https://rollupjs.org/guide/en/">Rollup</a></li> <li><a href="https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web/">Accurately measuring layout on the web</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame">requestAnimationFrame</a></li> <li><a href="https://nolanlawson.com/2019/08/11/high-performance-input-handling-on-the-web/">High-performance input handling on the web</a></li> <li><a href="https://nolanlawson.com/2019/08/14/browsers-input-events-and-frame-throttling/">Browsers, input events, and frame throttling</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events">Pointer events</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage">Local storage</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Glossary/IndexedDB">Indexeddb</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">Intersection observer</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API">Resize observer</a></li> </ul> <h2 id="titles">Titles</h2> <ul> <li>I was really excited</li> <li>Falling in and out of it</li> <li>Tweets are toots</li> <li>The goal of a lot of web standards</li> <li>I really mistrust a library</li> <li>I believe in the open web</li> <li>Eugene had already thought about this</li> <li>Mixed degrees of success</li> <li>My preference is single column</li> <li>She&rsquo;s on weird Mastodon</li> <li>It&rsquo;s all kind of cacophonous, but it&rsquo;s beautiful at the same time</li> <li>Every component has a bit of Svelte in it</li> <li>It&rsquo;s really based on empathy</li> </ul>