JS Party: JavaScript, CSS, Web Development

Chris Coyier joins Suz and Jerod to continue the discussion on The Great Divide in front-end-land. We also use this as an opportunity to gush on how much CSS-Tricks has done for the community, get Chris’ perspective on the history of the website, and finish up by sharing some amazing Pens on CodePen.io. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2018. Start your server - head to linode.com/changelog Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Chris Coyier – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XSuz Hinton – GitHub, Mastodon, XShow Notes: Read The Great Divide on CSS-Tricks For more discussion, listen to our previous show on the topic If you liked this, you will probably like listening to Shop Talk Suz suggests anything by Ana Tudor or Sarah Drasner on CodePen Chris mentioned A CSS Approach to Trap Focus Inside of an Element Jerod got nostalgic with Nintendo Pens 1, 2, and 3 Something missing or broken? PRs welcome!

KBall and Suz interview Ashi Krishnan, visual poet and senior software engineer at GitHub. Topics include how Ashi got into programming, her upcoming talk at React Amsterdam, code bootcamps, and developer tools. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Raygun – The Raygun platform let’s you see a complete picture of your software health in one place by monitoring every part of your software stack in one tool. Bring your whole team together and break down the walls between your monitoring tools. Do it all in one fully integrated platform. Learn more at raygun.com/platform. Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2018. Start your server - head to linode.com/changelog Featuring:Ashi Krishnan – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XSuz Hinton – GitHub, Mastodon, XShow Notes: GitHub VSCode Extension GitHub Unity Extension GitHub’s GraphQL API Rakshasa React Amsterdam React Amsterdam’s open source awards WebGL Commodore64 Emulator Fullstack Academy Promises Async/Await Metaprogramming An Overview of JavaScript Testing in 2019 BrowserStack Something missing or broken? PRs welcome!

Panelist Jerod Santo and first-time panelist Adam Stacoviak talk with Adam Wathan of Full Stack Radio fame about his CSS utility library called Tailwind CSS that’s growing in popularity to rapidly build custom user interfaces. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Raygun – Unblock your biggest app performance bottlenecks with Raygun APM. Smarter application performance monitoring (APM) that lets you understand and take action on software issues affecting your customers. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2018. Start your server - head to linode.com/changelog Featuring:Adam Wathan – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XAdam Stacoviak – Website, GitHub, LinkedIn, Mastodon, XShow Notes: Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces. Adam’s post “Going Full-Time on Tailwind CSS” Adam’s post “CSS Utility Classes and ‘Separation of Concerns’” Full Stack Radio Sass control directives: @if, @for, @each and @while Post CSS CSS Stats ~> Tailwind CSS Something missing or broken? PRs welcome!

Panelists Suz Hinton and Nick Nisi discuss TensorFlow.js and Machine Learning in JavaScript with special guest Paige Bailey, TensorFlow mom and developer Advocate for Google AI. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Raygun – Unblock your biggest app performance bottlenecks with Raygun APM. Smarter application performance monitoring (APM) that lets you understand and take action on software issues affecting your customers. OneMonth.com – One of the best places to learn how to code…in just one month. If you’re interested in taking your career to the next level head to OneMonth.com/jsparty and get 10% off any coding course. Linode – Our cloud server of choice. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2018. Start your server - head to linode.com/changelog Featuring:Paige Bailey – Website, GitHub, XSuz Hinton – GitHub, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: TensorFlow.js Google AI ml5.js - Friendly Machine Learning for the Web Machine Learning Glossary TensorFlow tutorials Tero Parviainen on CodePen tfjs-layers - High-level machine learning model API tfjs-models - Pre-trained TensorFlow.js models tfma-slicing-metrics-browser.gif 📷 TensorFlow Model Analysis (TFMA) - a library for evaluating TensorFlow models What-If Tool - Building effective machine learning systems means asking a lot of questions. It’s not enough to train a model and walk away. Instead, good practitioners act as detectives, probing to understand their model better. EthicalMachineLearning.ipynb TensorBoard: Visualizing Learning TensorBoard: Graph Visualization People + AI Research (PAIR) - Human-centered research and design to make AI partnerships productive, enjoyable, and fair. Distill - Clear explanations of machine learning Book: Technically Wrong: Sexist Apps, Biased Algorithms, and Other Threats of Toxic Tech Book: Weapons of Math Destruction: How Big Data Increases Inequality and Threatens Democracy A new course to teach people about fairness in machine learning List of cognitive biases CleverHans - a Python library to benchmark machine learning systems’ vulnerability to adversarial examples CleverHans paper Breaking linear classifiers on ImageNet CV Dazzle - explores how fashion can be used as camouflage from face-detection technology, the first step in automated face recognition Something missing or broken? PRs welcome!

KBall picks the brains of 4 of the speakers at JSConf Hawai’i to investigate the future of JavaScript and Web Development. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. OneMonth.com – One of the best places to learn how to code…in just one month. If you’re interested in taking your career to the next level head to OneMonth.com/jsparty and get 10% off any coding course. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Willian Martins – GitHub, XShawn Wang – Website, GitHub, XLin Clark – Website, GitHub, XTill Schneidereit – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:JavaScript language Pattern Matching (thin arrow operator) Pipeline Operator JavaScript language proposal stages Binary AST Typed Objects Proposal WebAssembly W3C Process WebAssembly security model Calls between JavaScript and WebAssembly are finally fast 🎉 (blog post) Walt | Alternative Syntax for WebAssembly AssemblyScript Other References The event-stream bitcoin wallet hack What the Panelists are Excited About PWAs installable on Windows Concurrent React WebAssembly GC Integration WebAssembly usecases Something missing or broken? PRs welcome!

KBall and Nick catch up with Nara Kaspergen and Jen Looper for a pair of conversations covering Voice UI Devices, using NativeScript for mobile development, and Jen’s work with Vue Vixens helping make the Vue.js community welcoming to women and non-binary people. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Raygun – Unblock your biggest app performance bottlenecks with Raygun APM. Smarter application performance monitoring (APM) that lets you understand and take action on software issues affecting your customers. Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Nara Kasbergen – GitHub, XJen Looper – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Nara Kaspergen NPR NPR One Voice UI Devices Apple Home Pods Google Home Amazon Echo SDKs and Tooling Alexa Voice Service SDK Google Assistant SDK SiriKit DialogFlow Other Concepts Serverless Serverless episode on JS Party Lambda Natural Language Processing(NLP) Koa Jen Looper NativeScript NativeScript-Vue Vue Vixens NativeScript slack signup NativeScript core components NativeScript Market Dojo TypeScript Chris Fritz Dart Vim in WebAssembly Article: The “Developer Experience” Bait-and-Switch Case studies on icon design Info on the Node + JS Foundation Merger Progress Something missing or broken? PRs welcome!

Panelists Nick Nisi, Suz Hinton, and Kevin Ball chat about the perceived Great Divide in front end development, why 2019 is the year of TypeScript, and shout outs to inspirational members of the community. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Raygun – Unblock your biggest app performance bottlenecks with Raygun APM. Smarter application performance monitoring (APM) that lets you understand and take action on software issues affecting your customers. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Nick Nisi – Website, GitHub, Mastodon, XSuz Hinton – GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: The Great Divide Jest moving to TypeScript Yarns Future - v2 and beyond Porting 30K lines of code from Flow to TypeScript TypeScript support in Tink Monica Dinculescu on Twitter Magenta Tenori-off Magic Sketchpad Dan Abramov on Twitter Overreacted Rachel Andrew on Twitter Rachel Andrew’s author profile on Smashing Magazine Grid by Example Jen Simmons on Twitter Jen’s YouTube channel: Layout Land Something missing or broken? PRs welcome!

Your 3 intrepid hosts try to explain JS concepts (bind/apply, thunks, and ReasonML) to each other as if we’re five year olds. Hilarity and/or confusion ensues. During Pro Tip Time, Suz tells a story of woe, KBall motivates himself, and Jerod tries to keep you in the flow. Finally, we point our project spotlight at Fly CDN and talk edge applications and IoT. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. Raygun – Unblock your biggest app performance bottlenecks with Raygun APM. Smarter application performance monitoring (APM) that lets you understand and take action on software issues affecting your customers. Gauge – Low maintenance test automation! Gauge is free and open source test automation framework that takes the pain out of acceptance testing. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XSuz Hinton – GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Explaining things like we’re 5 Here it is: PAW Patrol Because KBall uses them to describe bind and apply Did Suz’ explanation of thunks leave you wanting? GOTO You could listen to Jerod, or just read this page about Reason Should we do a show with some folks from the Reason team? Pro Tip Time What is the purpose of /etc/hosts? Read all about it Jerod mentioned Paul Graham’s essay on Maker Schedule, Manager Schedule You can also read Jerod’s tips on dev.to Project Spotlight Fly CDN - a CDN just for developers Something missing or broken? PRs welcome!

The JS Party crew discuss static site generators, our experiences with them, and what the future might hold for this ever-evolving technology. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. OneMonth.com – One of the best places to learn how to code…in just one month. If you’re interested in taking your career to the next level head to OneMonth.com/jsparty and get 10% off any coding course. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Safia Abdalla – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: 11ty static site generator How We Used Gatsby.js to Build a Blazing Fast E-Commerce Site Vuepress Both the nteract Website and nteract Play were made with Next.js Siteleaf is a CMS that works with Jekyll Panini on GitHub The Building Blocks site was made with Panini Something missing or broken? PRs welcome!

KBall and Nick meet up with Jory Burson and Amal Hussein at Node+JS Interactive. Together we open up the black box of the JavaScript standards process, talk about how to get involved, and then dig into the use of ASTs to transform and analyze JavaScript. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. OneMonth.com – One of the best places to learn how to code…in just one month. If you’re interested in taking your career to the next level head to OneMonth.com/jsparty and get 10% off any coding course. Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com. Featuring:Jory Burson – Website, GitHub, XAmal Hussein – GitHub, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Standards & Opening the Black Box TC39 on GitHub Myles Borins Daniel Ehrenberg Maggie Pint TC39 proposals The TC39 Process How to join ECMA Jory’s talk on Standardizing JavaScript On the distribution of stakeholders Representing Web Developers in W3C On testing the JavaScript spec with JavaScript Official ECMAScript Conformance Test Suite Contributing to the Conformance Test Suite On the Boundaries of the Spec JS Party episode covering error messages On using JavaScript Proposals in Production ASTs Amal’s talk on ASTs for Refactoring Esprima Babel parser Acorn Dojo upgrade tool (using ASTs) Awesome AST Other Bocoup Something missing or broken? PRs welcome!