Toolsday: Recent Episodes
Una Kravets, Chris Dhanaraj
Toolsday is a 20-ish-minute podcast hosted by Una Kravets & Chris Dhanaraj. Toolsday is about the latest in tech tools, tips, and tricks on Tuesdays at 2! (Our alliteration game is so strong).
Ep 130 - New at NetlifyResources* Netlify * Distributed Persisted Rendering * Functions * Build Plugins * Deploy Previews
Jason Lengstof* Twitter
Sponsors: VoyageVoyage is a tool built by, and for developers. Voyage creates on-demand staging environments with each PR. You can save at least 5 hours per week -- per developer -- on feature development and QA.
Get 20% off when you use TOOLSDAY20 when you sign up for the tool - no credit card required!
Talk to UsFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 129 - Fullstack ShenanigansResources* Digital Ocean * AWS * AWS Aurora * Google Cloud Platform * Netlify
Sponsors: VoyageVoyage is a tool built by, and for developers. Voyage creates on-demand staging environments with each PR. You can save at least 5 hours per week -- per developer -- on feature development and QA.
Get 20% off when you use TOOLSDAY20 when you sign up for the tool - no credit card required!
Talk to UsFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 128 - Container QueriesResources* Container Queries CSS Working Group * Container Queries Spec * Say Hello to Container Queries
Sponsors: VoyageVoyage is a tool built by, and for developers. Voyage creates on-demand staging environments with each PR. You can save at least 5 hours per week -- per developer -- on feature development and QA.
Get 20% off when you use TOOLSDAY20 when you sign up for the tool - no credit card required!
Talk to UsFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 127 - Book ClubResources* Don’t Make Me Think * You Don’t Know JavaScript by Kyle Simpson * CSS Secrets by Lea Verou * Resilient Web Design by Jeremy Keith * Badass: Making Users Awesome * Originals: How Non-conformists Move the world * Solve for Happy * Decoding the Technical Interview by Emma Bostian * Ghost in the Wires * Talking with Strangers * Flowers for Algernon * Hitchhiker’s Guide to the Galaxy * Broken Earth Trilogy by N.K. Jemison * Ready Player One * Empire from the Ashes by David Weber * Dark Matter by Blake Crouch * Dresden Files * Dune * The First Fifteen Lives of Harry August * Snowcrash * Art of Racing in the Rain * Red Rising * Wild * Into Thin Air * Neuromancer * Do Android’s Dream of Sheep * Sapiens
Sponsors: VoyageVoyage is a tool built by, and for developers. Voyage creates on-demand staging environments with each PR. You can save at least 5 hours per week -- per developer -- on feature development and QA.
Get 20% off when you use TOOLSDAY20 when you sign up for the tool - no credit card required!
Talk to UsFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 126 - Grab Bag of ToolsResources* Scroll Timeline * GUI Challenges * Prisma * Aspect Ratio * EAS Build/Submit * Background-Repeat * Around
Sponsors: VoyageVoyage is a tool built by, and for developers. Voyage creates on-demand staging environments with each PR. You can save at least 5 hours per week -- per developer -- on feature development and QA.
Get 20% off when you use TOOLSDAY20 when you sign up for the tool - no credit card required!
Talk to UsFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 124 - New and Cool Github FeaturesResources-GitHub Codespaces
-GitHub 1s
-Refined GitHub
-GitHub Discussions
-GitHub Projects
Sponsors: RedhatThe Red Hat Developer program brings developers together to learn from each other and create more extraordinary things, faster. Get free access to countless benefits to help you drive your career with Red Hat Developer.
Go to https://developers.redhat.com/about to get started!
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 124 - InterviewingDiscord Channels to Check OutThese Discord channels have dedicated job channels to check out
- Reactiflux
- Svelte
Sponsors: RedhatThe Red Hat Developer program brings developers together to learn from each other and create more extraordinary things, faster. Get free access to countless benefits to help you drive your career with Red Hat Developer.
Go to https://developers.redhat.com/about to get started!
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Ep 123 - Starting a New ProjectResources* MAKE: Bootstrapper's Handbook * Badass: Making Users Awesome * Don't Make Me Think * Shift Nudge * Stripe Atlas
Sponsors: RedhatThe Red Hat Developer program brings developers together to learn from each other and create more extraordinary things, faster. Get free access to countless benefits to help you drive your career with Red Hat Developer.
Go to https://developers.redhat.com/about to get started!
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
2020 RetrospectiveResources* Third Age of JavaScript * WASM * Rome * Container Queries * Polaris - Building Experiences * Houdini.How * Content Visbility * Remix.run
Sponsors: OutSystemsOutSystems is the modern platform for serious applications. At OutSystems, we change the way software is built so you can rapidly create and deploy critical applications that evolve with your business.
Go to outsyste.ms/toolsday
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
WMR with Jason MillerResources* WMR * Glitch * WMR Explainer Tweet Thread * Jason Miller's Twitter
Sponsors: OutSystemsOutSystems is the modern platform for serious applications. At OutSystems, we change the way software is built so you can rapidly create and deploy critical applications that evolve with your business.
Go to outsyste.ms/toolsday
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Writing for DevelopersResources* Design Docs at Google * Excalidraw * Blogging for Developers * Roam Research * Grammarly
Sponsors: OutSystemsOutSystems is the modern platform for serious applications. At OutSystems, we change the way software is built so you can rapidly create and deploy critical applications that evolve with your business.
Go to outsyste.ms/toolsday
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Web AnimationsResources* framer-motion * SVG line animation * svelte transitions * react-native Animated * Accessible Animation
Sponsors: RetoolBuild internal tools, fast. Stop wrestling with UI libraries and hacking together data sources to build internal apps.
Go to retool.com/toolsday
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
React NativeResources* React-Native * Flipper * Expo * Watch Chris develop in React Native!
Sponsors: RetoolBuild internal tools, fast. Stop wrestling with UI libraries and hacking together data sources to build internal apps.
Go to retool.com/toolsday
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Resources* levels.fyi
Sponsors: WebflowWebflow gives designers the power of code in a visual interface, allowing them to directly build whatever they have in mind without engineers.
You can get 10% off their annual plan when you use promo code toolsday at http://wfl.io/toolsday
Talk to UsFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
CSSResources* Logical Properties * @property * subgrid * Flexbox Gap * backdrop-filter * ::marker
Sponsors: RetoolBuild internal tools, fast. Stop wrestling with UI libraries and hacking together data sources to build internal apps.
Go to retool.com/toolsday
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
SvelteResources* svelte * svelte-preprocess * svelte tutorials * Rich Harris Q&A
Sponsors: RetoolBuild internal tools, fast. Stop wrestling with UI libraries and hacking together data sources to build internal apps.
Go to retool.com
Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
TypescriptResources* Basarat Guide to Typescript * React + Typescript Cheatsheet * tsdx
Sponsors: HoneybadgerLet’s face it, your code is going to have errors, even code written by an amazing (kick ass?) developer such as yourself. When bad things happen, it's nice to know that Honeybadger has your back.
Honeybadger makes you a DevOps hero by combining error monitoring, uptime monitoring and chron monitoring into a single, easy to use platform, all for way less than you're probably paying now.
Toolsday listeners get 30% off for 6 months. Simply mention Toolsday podcast when signing up and they'll apply the discount to your account; no credit card required.
Go to honeybadger.io
Get in touchFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Still Working from HomeHardware Keyboards
- https://ergodox-ez.com/
- https://drop.com/buy/drop-ctrl-mechanical-keyboard
Webcam
(Both of the below used with a mirrorless camera)
- https://www.elgato.com/en/gaming/cam-link-4k
- https://www.elgato.com/en/gaming/game-capture-hd60-s
Cameras
- https://smile.amazon.com/Sony-Mirrorless-Digitial-3-0-Inch-16-50mm/dp/B00I8BICB2?sa-no-redirect=1
- https://smile.amazon.com/Sony-Alpha-A6600-Mirrorless-Camera/dp/B07X43B6FD?sa-no-redirect=1
Monitor
- https://www.lenovo.com/us/en/accessories-and-monitors/P32u
Key Lights
- https://www.elgato.com/en/gaming/key-light
Chairs
- https://www.hermanmiller.com/products/seating/office-chairs/aeron-chairs/
- https://www.steelcase.com/products/office-chairs/leap/#features_movement
Arms
- https://www.fully.com/jarvis-monitor-arm.html
- https://smile.amazon.com/Heil-Sound-PL-2T-Overhead-Broadcast/dp/B000SZVZ74/ref=sr_1_3?dchild=1&keywords=heil+mic+arm&qid=1596048210&sr=8-3
Sponsors: HoneybadgerLet’s face it, your code is going to have errors, even code written by an amazing (kick ass?) developer such as yourself. When bad things happen, it's nice to know that Honeybadger has your back.
Honeybadger makes you a DevOps hero by combining error monitoring, uptime monitoring and chron monitoring into a single, easy to use platform, all for way less than you're probably paying now.
Toolsday listeners get 30% off for 6 months. Simply mention Toolsday podcast when signing up and they'll apply the discount to your account; no credit card required.
Go to honeybadger.io
Get in touchFind both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Eleventy * Eleventy Home * Eleventy Starters
Today's Sponsors Datadog Datadog provides real-time monitoring for cloud-scale environments, unifying metrics, distributed traces and logs into one platform.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Inspirational Documentation Sites * Shopify Polaris * Svelte Docs * Stripe API Docs * Cypress Docs * Gatsby * Google Codelabs * Polly
Today's Sponsors Datadog Datadog provides real-time monitoring for cloud-scale environments, unifying metrics, distributed traces and logs into one platform.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources Software * Sidecar * Toggl * Timeular
Displays * Asus Zenscreen
Mice to check out * MX Master * Logitech G903
Standing Desks * Wirecutter Best Stand Desk
Today's Sponsors Square Square has API's and SDK to make payments easy! Square lets you bootstrap your e-commerce site with payment forms to quickly embed a checkout experience into a website. You can then go beyond payments with APIs to help manage orders, catalog, inventory, or employee management.
They've recently launched a new YouTube Channel for Developers - check it out to learn how to use Square SDKs and APIs to make payments and run a business at youtube.com/squaredev
In Review * Do we actually need CSS in JS? * Utility classes and Tailwind * CSS Grid is great!
React Hooks
- Use Reducer with Effects
- xstate
Headless UI Components
- Overview
- Downshift
- Dayzed
- React Table
Looking Forward * Subgrid shipped in Firefox! * Stylable form elements * Virtual Scroller * Container Queries * ReasonML
Today's Sponsors Square Square has API's and SDK to make payments easy! Square lets you bootstrap your e-commerce site with payment forms to quickly embed a checkout experience into a website. You can then go beyond payments with APIs to help manage orders, catalog, inventory, or employee management.
They've recently launched a new YouTube Channel for Developers - check it out to learn how to use Square SDKs and APIs to make payments and run a business at youtube.com/squaredev
Datadog Datadog provides real-time monitoring for cloud-scale environments, unifying metrics, distributed traces and logs into one platform.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * The Main Thread is Overworked and Underpaid * Speed tooling evolutions: 2019 and beyond (Chrome Dev Summit 2019) * Next Generation Web Styling * HTML isn't Done
Other * Designing in the Web
Today's Sponsors Square Square has API's and SDK to make payments easy! Square lets you bootstrap your e-commerce site with payment forms to quickly embed a checkout experience into a website. You can then go beyond payments with APIs to help manage orders, catalog, inventory, or employee management.
They've recently launched a new YouTube Channel for Developers - check it out to learn how to use Square SDKs and APIs to make payments and run a business at youtube.com/squaredev
Datadog Datadog provides real-time monitoring for cloud-scale environments, unifying metrics, distributed traces and logs into one platform.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * unpkg * pika * codesandbox
Today's Sponsors Datadog Datadog provides real-time monitoring for cloud-scale environments, unifying metrics, distributed traces and logs into one platform.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * TypeScript * Basarat TypeScript Deep Dive * swyx React and Typescript Cheat Sheet * tsdx * Una's Typescript Thread
Today's Sponsors Linode Deploy a server in the Linode cloud in minutes. Offering cloud computing plans for every workload - from simple web hosting to cpu-intensive needs like video encoding and machine learning - Linode offers a balance of power and price for every customer. Get $20 in credits when you sign up with the above link and use the promocode toolsday2019
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Milena Pribic * Twitter
Resources * Everyday Ethics * AI Design * Ethics in Action * The AI-RFX Procurement Framework * Design Ethically Toolkit * Online Ethics Canvas
Today's Sponsors Linode Deploy a server in the Linode cloud in minutes. Offering cloud computing plans for every workload - from simple web hosting to cpu-intensive needs like video encoding and machine learning - Linode offers a balance of power and price for every customer. Get $20 in credits when you sign up with the above link and use the promocode toolsday2019
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Jina Anne * Twitter * Website
Tools and Resources * Salesforce Lightning Design Tokens * Theo * Style Dictionary * Invision Design System Manager * Diez * Modulz
Community * Design Systems Slack
Today's Sponsors Linode Deploy a server in the Linode cloud in minutes. Offering cloud computing plans for every workload - from simple web hosting to cpu-intensive needs like video encoding and machine learning - Linode offers a balance of power and price for every customer. Get $20 in credits when you sign up with the above link and use the promocode toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * Variable Fonts
Introduction, How-To and
our very own Variable Font * Weird things variable fonts can do * V Fonts * Axis Praxis * Mandy Michael's Codepens * Google Font Beta API
People to Follow * Mandy Kerr * Jason Pamental
Today's Sponsors Linode Deploy a server in the Linode cloud in minutes. Offering cloud computing plans for every workload - from simple web hosting to cpu-intensive needs like video encoding and machine learning - Linode offers a balance of power and price for every customer. Get $20 in credits when you sign up with the above link and use the promocode toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * State Visualizer
New DevTool tricks * Hit H and hide elements! * Element breakpoints - Element breakpoints * Focus-within and focus-visible! Both states are now visible as states you can force an element to in the Element Pane * React DevTools and Why did I Render
Today's Sponsors Linode Deploy a server in the Linode cloud in minutes. Offering cloud computing plans for every workload - from simple web hosting to cpu-intensive needs like video encoding and machine learning - Linode offers a balance of power and price for every customer. Get $20 in credits when you sign up with the above link and use the promocode toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * Who's Hiring
Also find that link by googling "Who's Hiring Hacker News" and then the current month and year
- On Being a Senior Engineer
Today's Sponsors Linode Deploy a server in the Linode cloud in minutes. Offering cloud computing plans for every workload - from simple web hosting to cpu-intensive needs like video encoding and machine learning - Linode offers a balance of power and price for every customer. Get $20 in credits when you sign up with the above link and use the promocode toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Today's Sponsors Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * Pure UI Blog Post * XState * XState Visualizer * Houdini * Houdini - Angled Corners Material Design Demo * Angled Corners Module Demo
Today's Sponsors Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
- lit-html Resources
- lit-html
- lit-element
- Polymer Project
- Web Components
- Polymer Slack
- PWA Starter Kit
- Open WC
Justin Fagnani * Twitter * GitHub
Other * Rich Harris Thread
Today's Sponsors Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2019
Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
- Tailwind Tailwind Resources
- Tailwind
- GitHub
- Discord
- Blog post on CSS Utility Classes and Separation of Concerns
Adam Wathan * Twitter * Full Stack Radio
Other resources mentioned * Tachyon * Theme UI
Today's Sponsors Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
- Inspiration People to Follow
- Anoosha Syed
- Alice Lee
- Rogie
- Sarah Drasner
- Sailor HQ
- Lea Verou
- Sara Soueidan
- David Piano
- Ryan Florence
- Tim Holman
Websites to Checkout * Grid Critters * CSS Grid Experiments by Olivia Ng * David Khourshid Codepen Collection * Use Animations * Position unstuck by Danny Vinter
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
- State of CSS Tooling Pre-processors
- Sass
- Stylus
Post-processors * PostCSS * PostCSS Preset Env * PostCSS Nesting * PostCSS Mixins
CSS in JS * CSS Modules * Styled Components
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
94: Flutter
Resources * Flutter * Flutter Codelabs * It's All Widgets - Flutter Showcase! * Dart Packages
Will Larche * LinkedIn * GitHub
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2019
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
92: Svelte
Resources * Svelte * Svelte v3 - coming soon! * Svelte v3 Docs * Svelte Discord
Rich Harris * Twitter * GitHub
Today's Sponsors Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2019
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
92: Interviewing
Resources * The Coding Interview * Hiring Without Whiteboard
Today's Sponsors Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2019
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
- What's New in CSS
- CSS WG Drafts
- Making Things Better: Redefining the Technical Possibilities of CSS
- CSS Fragmentation Spec
- Flex Gap
- Breaking Boxes With CSS Fragmentation
- CSS Regions Considered Harmful
- CSS Layout News
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
90: React Hooks
Resources * Motivations for Hooks * Converting to a React Hook * 90% Cleaner Code with React Hooks - Ryan Florence talk * Awesome React Hooks
Examples * Requesting and using data * Handing outside a container clicks
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
88: Pour One Out * FrontPage * CyberDuck * TextMate * Firebug * Grunt * Yeoman * Ruby Sass * LiveReload * Browserify * CSS Zen Garden
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
88: Devsolutions
- gatsby
- Gatsby Themes announce post
- Themes Spectrum channel
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
87: Devsolutions
- gatsby
- gitbook
- mdxbook project
Today's Sponsors Sentry Sentry tells you about errors in your code before your customers have a chance to encounter them. Not only does Sentry tell you about them, but also give you all the details you’ll need to be able to fix them. You’ll see exactly how many users have been impacted by a bug, the stack trace, the commit that the error was released as part of, the engineer who wrote the line of code that is currently busted, and a lot more.
Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
2018 in Review * mdx * lighthouse * quicklink * React.lazy * styled-components * emotion * css modules * linaria * react-virtualized * virtual-scroller * xstate * css custom properties * houdini * netlify * gatsby
Thanks to today's Sponsor: Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2018
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * VisBug * VisBug Announcement and Demo at Chrome Dev Summit * VisBug GitHub
Our Guest: Adam Argyle * Twitter * Website
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Chris' Top 5 Talks * Complex JS-heavy Web Apps, Avoiding the Slow * Building Faster, More Resilient Apps with Service Worker (Chrome Dev Summit 2018) * virtual-scroller: Let there be less (DOM) (Chrome Dev Summit 2018) * Architecting Web Apps - Lights, Camera, Action! (Chrome Dev Summit 2018) * State of Houdini (Chrome Dev Summit 2018) * Link to all Talks
Thanks to today's Sponsor: Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2018
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources React Conf Videos * Playlist of all talks * Hook announcement talk * Concurrent React
Hooks documentation * Hooks Overview * Making Sense of Hooks by Dan Abramov
Other * React 16.6 * Create React App 2.0
Thanks to today's Sponsor: Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2018
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * w3c Houdini Drafts * Houdini Rocks (Lots of Examples!) * Sam Richard's Glitch Page on Houdini * Houdini Samples From Chrome Labs * CSS Tricks Houdini Blogs Posts * Una's Houdini Twitter List
Thanks to today's Sponsor: .Tech Use code Spec.tech and get 90% off on 1 and 5 year registrations when you register it on
www.get.tech
- 1 yr - $4.99
- 5 yr - $24.99
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * Next.js * Next 7 * Express Integration with Next * Gatsby * Awesome Next.js
Thanks to today's Sponsor: Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2018
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Resources * Element Queries * Resize Observer * :focus-within * nth-child pseudo spec * blend modes * Art The Web — Tutorials on Blend Modes Online * backdrop filter * Editing Images in CSS (Talk) * CSS Subgrids * Custom Scrollbars in Webkit * Popping Hidden Overflow
Thanks to today's Sponsor: Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2018
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Una and Chris go over the thousand and one options developers have today to get their apps into the cloud
Get Your App in the Cloud ASAP * Netlify * Now
Platforms as a Service * Google Cloud Platform * AWS * IBM Cloud * Linode * Digital Ocean
Tutorials * Puppeteer in Google Cloud Functions
Past Shows * Netlify * Gatsby
Thanks to today's Sponsor: Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Check them out today at linode.com/toolsday to get a $20 credit when you use promocode: toolsday2018
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Generative Art * Generative Artistry * Generative Art: Speedrun
Other Resources * Tutorial Markdown
Tim Holman * Home * Twitter * Codepen
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Is Redux dead? Twitter seems to think so, but listen in to hear us talk about why people use Redux, and whether we think they'll keep using redux in the future.
Resources * Apollo Link * Redux * MobX
Articles * Is Redux Dead?
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Shout out to our continued supporter: Webflow Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
React Native Getting Started * React Native Express * React Native Getting Started * Understanding CLI
Resources and Examples * Expo * React Native CSS Modules Example * React Native Linear Gradient * React Native Starter Kit * Native Base * JS Coach - React Native Components * Awesome React Native List
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Also sponsored by * Webflow
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Ideating is hard! We talk about getting inspired to build things, and the process we go through to hone in on what we're creating.
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
VS Code * Visual Studio Code
VS Code Settings Settings we talked about
- "files.defaultLanguage": "markdown"
- "editor.formatOnSave": true
- "editor.renderIndentGuides": true
- "editor.tabSize": 2
- "editor.wordWrap": "on"
Themes * Grey Matter * Night Owl * Cobalt2
Fonts * Dank Mono * Plex Mono * Operator Mono
Plugins * Live Share * Prettier * Stylelint
Resources * Wes Bos VS Code Tip Thread * VS Code Can Do That
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
CSS Blocks * CSS Blocks * OptiCSS
Chris Epstein * Twitter
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Tools * Emotion.js * Styled Components * JSS * CSS Modules
Blog Posts * CSS Modules Series by Robin Rendel * CSS Modules by Glen Maddern * Wha't Wrong with CSS in JS by Brad Frost
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Get A Transcript Today's episode has a transcript and it can be found here: 72: CSS in JS Transcript
Tutorials * D3 Listed Tutorials * D3 with Michael Menz * D3 and React, Together - Shirley Wu * D3js Workshop (Intro Into Creative Visualizations with SVG and D3)
Articles and Podcasts * Data Visualizations, Fast & Slow - Elijah Meeks * D3 V4 changes - Irene Ros * Deep Dive on D3.js with Ben Clinkinbeard and Elijah Meeks
Playgrounds * Bl.ocks * Block Builder * Obserable
Public Data Sets * Kaggle * Awesome Public Datasets
People to Follow * Shirley Wu * Nadia Bremer * Elijah Meeks
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
In today's episode, we talk about JavaScript's animation in transition libraries which we shortened down to interactions....or libraries
Tools and Libraries Mentioned React Animation
React Transition Group
AnimeJs
chenglou/react-motion
third party React Motion demos
Reacto Overdrive
Popmotion
Popmotion Pose
npm react collapse
animejs.com
React Spring Surge
Articles Flip Your Animations
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14-day free trial and don't forget your T-shirt!
Get in touch Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Transcript We're testing out a new service Sonix for transcriptions and this is the very first episode using it - if you want a transcript of today's episode grab it here: JS Interaction Libraries Transcript
This episode features the great Jason Lengstorf and we're talking about Gatsby!
Links to things Mentioned Today: * GatsbyJS * Plugins * Gatsby Starters * Gatsby Image * Toolsday GraphQL episode
- Shannon Soper
Jason on the Web * Twitter * Website
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14 day free trial and don't forget your T-shirt!
Get in touch! Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
Transcript We're testing out a new service Sonix for transcriptions and this is the very first episode using it - if you want a transcript of today's episode check it out here: https://sonix.ai/r/eXFs5qndr8hT8zge31jqCnEK
This episode features Una getting overly hyped about Houdini: the future of writing CSS via web worklets.
Resources * Houdini: Maybe The Most Exciting Development In CSS You've Never Heard Of * Say Hello to Houdini and the CSS Paint API * Houdini Drafts [official] * Is Houdini Ready Yet?
Demos * iamvdo's CSS Houdini Experiments * Google Chrome Houdini Samples
Thanks to today's Sponsor: Datadog Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14 day free trial and don't forget your T-shirt!
Get in touch! Find both of us on Twitter @Una or @chrisdhanaraj and don't forget to follow the show @toolsday so you know when new episodes hit the air!
Want to ask us questions about this episode specifically? We've got a Spectrum Community channel set up just for that. Find, follow and join conversations here: Spectrum.chat/specfm/toolsday
This week we talk about the in-progress JavaScript and CSS features we can't wait to see supported!
Things Mentioned * JS: Mutation Observer * CSS: Text Decoration * CSS: Subgrids & display: contents * CSS: Media Queries Level 4 * CSS: font-display * CSS: Variable Fonts * Axis Praxis Variable Fonts * Variable Font Demo by Microsoft * JS: Interseciton Observer * CSS: Houdini * JS: Pipeline Operator
Thanks to Today's Sponsor: Kobiton Stop using mobile test labs that overcharge & underwhelm! Kobiton is your one portal to test on any platform or device… in-hand, on-site AND in the cloud. At 30% the cost of AWS, Sauce Labs and Perfecto. Right now, get double the trial minutes just for signing up! That’s 4 hours of testing for FREE.
Go to kobiton.com/toolsday or kobiton.com and enter the promo code TOOLSDAY to get started today!
Today we're learning about Netlify and joining us is the incredible Phil Hawksworth to share his tips and tricks around it all.
A few links from Phil * Netlify * 10 Netlify features to surprise and delight - An article I wrote on Medium * Netlify blog and examples - lots of resources here * Static site generators galore! - Netlify can build using pretty much any static site generator * Headless CMS resources - A great companion for static or JAMstack sites * JAMStack - What is JAMstack and resources for building this way * Phil's site - hello! * Phil's twitter - @philhawksworth
Sponsors Datadog
Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14 day free trial and don't forget your T-shirt!
Resources * Creating a Vue.js Serverless Checkout Form * Stdlib * Build a “Serverless” Stripe Store in 5 Minutes with Node.js and StdLib * Serverless * Microsoft Azure Functions * IBM Cloud Functions * Amazon Lambda
Sponsors Datadog
Datadog is a SaaS-based monitoring platform that provides dev and ops teams with a unified view of all their systems, apps, and services.
Check them out today at Datadog.com/toolsday to start your 14 day free trial and don't forget your T-shirt!
This week we explore the pros and cons of Stylus: the hipster CSS preprocessor written to work smoothly with JavaScript.
Resources * Stylus * Try Stylus * stylus-loader
It's time to wrap up the year and welcome 2018. So in this episode, Chris and Una go over their favorite tools and apps from 2017!
Resources * Visual Studio Code Workspaces * Downshift * CSS Grid * Stylus * Coinbase * Robinhood * Wealthfront * Bullet Journaling * Panobook * Rhodia Pads * Nuuna Notebook * GoCD * Egghead.io * Advanced React Patterns * Bubble Level * Joule - ChefSteps * Prettier * Bracket Pair Colorizer
Sponsors * Webflow
CUBS is back with an episode on the Preact CLI! Chris and Una try it out for their own projects and discuss.
Resources * PreactJS * Preact CLI * PRPL * Preact Router * Differences between Preact and React
People to follow * Jason Miller
Sponsors * Webflow
We take a quick look through the different graphing and svg libraries you can use to build your own data visualizations
Libraries * D3 * Svg.js * Snap.js * Chartist * Victory
Learning Resources * D3 with Frontend Masters and Shirley Wu * Bl.ocks - codepen for data viz
Legacy Libraries * Paper.js * Raphael.js
Sponsors * Webflow
This week, Chris and Una take on the challenge of extending Slack (the messaging system) with their own bots!
General Resources * Slack API * Slack Events API * Slack Slash Commands API * Slackbots NPM module * Slack client module * Slack Dev Kit for Node.js * Slack App Directory
What We Made * ASL Bot
Tutorials * BotWiki on Slackbots * Build a Chuck Norris Slackbot * Slackbot in 40 Lines of Code
Sponsors * EmpireConf * Webflow
Electron.js lets you build desktop apps using web technologies. It’s pretty rad! In the first episode of our new CUBS series, we explore Electron ourselves!
Resources * Base electron tutorial * Electron Builder * Awesome Electron * Create React App with Electron * Egghead.io Electron Course
Sponsors * Manifold * Webflow
This week we have Rachel Nabors teaching us all about the future of the Web Animations API!
Rachel Nabors * Home * Twitter * Codepen * Courses
Resources * Rachel Nabors Web Animation Kickstart * Web Animation API * Web Animation Demos
Promos * Promo Code: TOOLSDAY * Animation at Work
Sponsors * Webflow
This week, we’re wrapping our heads around Headless Chrome with Tim Holman!
Our Guest: Tim Holman * Twitter * Home * GitHub * CodePen
Resources * Getting Started with Headless Chrome * Puppeteer * Chrome Remote Interface * Serverless Chrome * Chromeless * Headless Firefox
Sponsors * EmpireConf * Webflow
If you’ve ever wondered what its like to live and work around the world, this is the show for you. This week we talk to Nicole Dominguez about running her own business as a digital nomad.
Nicole Dominguez * Website * Twitter * Blog
Resources * Starter Island * Startup Bus * Nomadlist * Meetup * Remoteok * Trello * Hello Bonsai * Cushion App * Private Internet Access (VPN)
This week we talk with the awesome Kat Marchán about her new tool NPX and how it can improve your NPM workflow.
Our Guest * Kat Marchán on Twitter
Tools * npx Node Package * Standard * create-choo-app
Resources * [npx Announcement Post](https://www.npmjs.com/package/npx
https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) * Awesome npx
People * Rebecca Turner * Kate Miháliková * Daijiro Wachi
npx modules * happy-birthday * benny-hill * okimdone * workin-hard
Sponsors * EmpireConf * Webflow
This week we talk getting started with RxJS and its data streaming possibilities with David Khourshid.
RxJS with David Khourshid * Twitter * Codepen
Resources * An Animated Intro to RxJS * The introduction to Reactive Programming you've been missing * Introduction to Reactive Programming - Egghead * Cycle.js * RxCSS * Material Motion * XStream * Bacon.js
People * André Staltz * Tracy Lee * Ben Lesh
Sponsors * Shade App * Webflow
This week we discuss writing! An essential tool to get your voice heard and work seen in the dev community.
Writing Tools * VS Code Light theme * VS Code Dark theme * iA Writer * Scrivener * Gitbook
Other * Una's blog * Writing a thesis
CSS variables are so freaking useful and their fast adoption has us more than excited. In this short episode, we discuss implementation and some use cases.
CSS Variables * Using CSS Variables * Getting Reactive with CSS * Why You Should Care CSS Variables
Demos * David Khourshid CSS Variables Collection * Mike Ruthmieler - Using CSS Variables
Other Notes * Edge supports css grid behind a flag * @supports * Codesandbox * Glitch
What happens when our shiny design system has its first birthday? Chris and Una discuss lessons learned from their years in the field
Related Links * Carbon Design System * Post on DO Design System * First Episode on Design Systems
Tools * aXe * react-a11y * React Storybook * ESLint * Stylelint * Prettier
Tune in this week to hear us ford through unfamiliar waters as we tackle GraphQL! We go through why you should get excited about this new way of dealing with APIs.
Resources * GraphQL * GraphQL Spec * GraphQL for Express * Awesome GraphQL * Star Wars GraphQL API example * GitHub GraphQL * Writing an API with GraphQL
Live from JSConf.EU, we speak with Nadieh Bremer & Shirley Wu about their incredible data sketches project and their experiences with data visualization.
Data Sketches * Data Sketches * @datasketches
Shirley Wu * Twitter * Homepage * Every Line in Hamilton Analyzed
Nadieh Bremer * Twitter * Homepage * Olympic Feathers Data Visualation
Resources * D3 * Frontend Masters * Interactive Data Visualization for the Web * DJ in Action
We blast through our top four tips, tricks, tools, and things to optimize your website for peak performance.
Una's Tools * Will-change Property * Picture element * PictureFill * CSSstats * CSS Dig * ImageOptim
Chris' Tools * Code Splitting * Code split with React Router * Offline Plugin * Performance Budgets with Webpack * CommonsChunk Plugin for Webpack * Debounce Event Listeners * Event Delegation
We talk with Suz Hinton about how to write software interconnected with physical objects. How cool is that wizardry!?
Our Guest: Suz Hinton * Twitter * Twitch * AVR Girl
Boards * Arduino * Espruino * Tessel * Raspberry pi
Community * nodebots.io * international nodebots day * platformio.org
Other * Tessel Router * Web Assembly * Mosca (MQTT)
Everyone’s talking about CSS Grid—the latest spec to surface in modern browsers. Listen up on why its so great!
Resources * Grid By Example * Grid minmax * Jen Simmons Mondrian Art * CSS Tricks Grids * Rachel Andrew talk on Grids
People to follow * Rachel Andrew * Jen Simmons
What's super trendy in tech right now? Virtual Reality. We break it down this week at SXSW.
VR Devices * Oculus * HTC Vive * Google Daydream
WebVR frameworks * A Frame * Altspace * React VR
VR Frameworks * Unity * Unreal
We talk to Jason Ormand about gifv! The latest in image performance technology. No, but really, it's pretty cool
Our Guest: Jason Ormand * Twitter * Vox Media
GIFV Tools * Thumbor
Additional Information * Imgur: What is GIFV? * iOS Video Announcement * Performance Bankruptcy
Git is something we use every day—this week we talk about some tools, tips, and tricks to make it better.
Our Configs * Chris .gitconfig * Chris .gitignore * Una .gitconfig * Una .gitignore
Tools * Kaleidoscope * Git Tower * Husky * Validate-Commit-Msg * Semantic-Release * Angular Commit Convention
Tutorials * Automatic Releases with semantic-release
What is Windows up to these days? Una and Chris give you the down low of developing on this operating system in 2017!
Windows * Surface Book
Shells * Power Shell * CMDER * HyperTerm * Bash for Windows
Tools * Chocolatey * NVM Windows * Visual Studio Code * Git Tower * AquaSnap * Remove MAX PATH
This week we sit down and talk with Sean Larkin about newly released Webpack 2! ES6 modules, tree-shaking, and more fun things in this episode.
Sean Larkin * Twitter * GitHub * Medium
Webpack 2 * GitHub Repo * Docs * Transition Guide
Other * Broccoli * Rollup
CSS in JS: is it the next big thing? We break down some techniques with Glen Maddern.
Glen Maddern * Twitter * Front End Center
CSS in JS * CSS Modules * CSS Modules demo * Styled Components * Radium
Other * Next * Vue
Every year introduces new tools. We recount our favorite discoveries from 2016.
Una * Atom * VS Code * Stylelint Format * IA Writer
Chris * React Storybook * Babel Preset Env * Jest * Travis CI
Other * The Case Against Progressive Enhancement * ESLint
This week we learn about animation in UI: basics, libraries, performance considerations, and more with Sarah Drasner
Sarah Drasner * Twitter * Web Animation Workshops * Codepen * CSS Tricks
Native Javascript * Web Animation API
Animation Libraries * GSAP * Mo.js * React Motion * Velocity.js
Demos * React Motion Demo * Spring Parameters Chooser
Other * Snap.svg
We care about you! This week we talk about tools that can help you stay healthy and productive.
Fitness Tools! * FitBit Charge HR 2 * HeadSpace * Pzizz * MyFitnessPal * MapMyRun * Nike Fitness Club * Zombies Run * SkyFit * Pokemon GO * Couch to 5k * StrongLifts 5x5 Workout * Stand * Instant Heart Rate
This week's episode is full of image optimization tooks, formats, and some fun facts about images!
- ImageOptim
- ImageAlpha
- SVGO
- Gulp ImageMin
- SVG Symbols
- SVGOMG
- WEBP
- FLIF
We rapid fire through our top eight Chrome extensions
Una's Extensions * aXe * Accessibility Developer Tools * DevTools Author * OneTab * Honey * Panda * Save to Pocket * Send to Kindle * Stayfocused
Chris' extensions * Refined GitHub * Wapplyzer * Postman * React Developer Tools * Reddit Enhancement Suite * uBlock Origin * JSONView
Other * Sindresorhus GitHub * Ember Inspector * LiveReload * Awesome Screenshot
Chris interviews Una on her experience as a conference speaker and how you can become one too!
Talk Tools * Reveal.js * Caniuse Component * Code Mirror
Resources * @callbackwomen * Technically Speaking
We stray off the beaten road of Atom and Sublime, and instead discuss our new favourite editor, Visual Studio Code, and our top five extensions for it.
Visual Studio Code * VS Code
Chris' Extensions * ESLint * Atom JavaScript Grammar * Debugger for Chrome * Project Manager * Beautify
Una's Extensions * HTML CSS Support * Path IntelliSense * Spelling and Grammar Checker * Code Spellchecker * Color Picker
We’re back! With an overview of what people have been talking about lately: the abundance of tools in web development.
State of Javascript * How It Feels to Learn Javascript * Chasing Tools * How it Actually Feels * Yarn
We highlight thirteen conference talks that dazzled us, inspired us, and drove our careers forward
Una's picks * Simon Swain on his JS Cavas Cold War * Mark Robbins — CSS & Email * Brenna O’Brien — JS Community: The Good Parts * Dan Mall — Proper Etiquette for the Adv. of Design * Camille Fournier — Cloning Yourself Isn’t an Option * Bruce Lawson — How to Destroy the Web * Jake Archibald — Building Progressive Web Apps
Chris' picks * Paul Irish - Web Application Development Workflow * Addy Osmani - Gone in 60 FPS * Jaffar Hussein - Async Programming in ES7 * Elijah Manor - Eliminate JavaScript Code Smells * Monica Dinosaurescu - Practical Lessons from a year of building web components * Paul Lewis - High Performance Web Interfaces
After a short hiatus, Toolsday returns with CSS Wizardry himself, Harry Roberts, to talk about travel.
Our Guest: Harry Roberts * Website * Twitter
Travel Tools * Recharge * Minaal * Priority Pass * Trip It * A Peculiar Journey
In today's episode we're joined by Mathias Meyer to talk about Travis CI
Our Guest: Mathias Meyer * Website * Twitter
Travis CI * Travis CI * What is Extreme Programming * Travis GitHub Badge * Travis for Beginners * Speed Up Your Travis Build * Travis CI Enterprise
What’s the “correct” way to write code? We can’t say for sure, but these standards and linters can. This week we explore the options.
JavaScript Standards and Linters * ESLint * JSLint * Standard JS * AirBNB Style Guide * Idiomatic JS
JS Plugins * SublimeLinter * SublimeLinter-eslint * Linter for Atom * ESLint for Atom * ESLint for Code
SCSS Standards * SCSS Lint * SASS Lint - node version * SASS Guidelines * CSS Comb
PostCSS * PostCSS
CSS frameworks / design systems/ pattern libraries — so many names, so little time! We revisit the topic with so much more knowledges.
CSS Frameworks / Systems * Tachyons * Bootstrap * Zurb Foundation * Pure CSS * Lightning Design System
Other * Pokemon Go
We chat about how we use completely different hardware to do our work
Unas' Hardware * Apple Magic Keyboard * HP Comfort Grip Wireless Mouse * Sony Bluetooth Over-Ear * Apple Cinema Display * Amazon Echo
Chris' Hardware * Razer BlackWidow Ultimate * Logitech Proteus Core 502 (not 512, whoops) * Steelcase Leap * Sennheiser HD598 (0/2 on the model numbers) * Bose SoundTrue In-Ear * Dell Ultrasharp HD2515 * Google Home * Oculus * Leap Motion
Review Sites! * Wirecutter
We had Helen Holmes, UI designer of Firefox Dev tools to teach us some tricks we didn't know existed!
Our Guest: Helen Holmes * Website * Twitter * Instagram
Firefox Dev Tools * Firefox Dev Tools * Mercurial Repo * Gecko Repo * Bugzilla * GCLI * Web Audio * Eyedropper Tool
The tools we love and use that we forgot or just didn't fit into any other category.
Una's Picks * Chrome DevTools Author * Spectacle * Kloudsec * Jell
Chris' Picks * Zenhub * Adobe Audition * Audio Hijack * Rollup
Other Mentions * Waffle.io * HyperDev
We poke around, ruminate, and explore Service Workers.
Service Workers * Service Worker API * Jake Archibald: The ServiceWorker is coming, look busy | JSConf EU 2014 * Using Service Workers Today * Getting Started with Service Workers * Push Notifications
Related * Kloudsec * CSSgrams * Physical Web
How can we make sure people are able to access data on poor connections? Hear about offline-first this week with Hoodie's Gregor Martynus.
Gregor Martynus * Twitter * Hoodie * Minutes.io
Native Web * AppCache * LocalStorage * Service Workers
Data Layer * CouchDB * PouchDB
Offline-first Community * Offline-First Website * Offline-First News
Some of the things you'll need to set up a MacBook from scratch, and some fun quirks that will make your life easier day to day.
Mac Tricks * Screenshot Folder * Screenshot Type * iTerm Keep Directory
Github * Git Open * Hub
Typefaces * Input Mono Font * Sky Fonts
Etc * Cloudup
For our 20th episode, we do a recap of our favourite tools that we use everyday.
Una's Tools * WebPageTest * Sublime Text * Una's list of Sublime plugins in our Developer Environment episode * Harp * Surge * Una's dotfiles * Style Panel inside ChromeDevTools
Chris' Tools * Webpack * ESLint * TernJS * Atom * iTerm2 * Z * GitHub
This week we talk about web accessibility concerns — what the heck all those acronyms are, and how to test for compliance.
Animation brings the web to life! Today we talk about (mostly CSS) animation — how it works, tools, and resources.
Today we discuss JavaScript unit testing with ColbyCheeze! Learn about spying, stubbing, and mocking this week.
This week we're talking CSS layout — from CSS 1 to current best practices to what's coming down the pipeline.
We all agree performance testing is important, but how do you track it over time? This week Taylor Jones tells us how.
There are 412 options for static site generators. This week we discuss (mostly three) of them.
We picked our top five ES6/7/2015/2016 upgrades and talk about how they make our lives so much easier.
Our guest Jon Ballands chats with us about the IBM Swift Sandbox, and building it with Node & Express.
This week's episode is about the past, present and future of CSS Pre and Post-processors.
Absence makes the heart grow fonder? Let's talk about remote collaboration and the tools that make it possible.
Sublime or Atom? Wait, WEBSTORM? We talk about our favourite developer environment tips and tricks.
We'll talk about modules and module loaders! Everything from AMD to common.js and spend a bit of time going over Browserify and Webpack.
Grunt, Gulp, Broccoli, Brunch, Mimosa, oh my! So many task runners, so little time. In this weeks episode, we explore each of these delectable breakfast items/task runners.