Tasty
Advice for New Devs
Scott and Wes share tips and advice for new developers just starting out, covering topics like learning fundamentals, debugging, soft skills, struggles all developers face, and more.
#Beginner#Debugging#Advice
All Episodes
Hasty
Hasty Treat - Why Do People Hate CSS?
Wes and Scott discuss common complaints about CSS and solutions like using Flexbox and Grid, avoiding IDs and !important, debugging in dev tools, and planning CSS structure.
#CSS#frontend
Tasty
Potluck - Moist code × Memoization × Ready for full-time? × Deadlines × Design ethics × React components × Video hosting × Local fonts × More!
Wes and Scott answer listener questions on React components, freelancing, ethics, moist code, debugging fonts, and more during a fun potluck episode.
#React#Freelancing#Fonts
Hasty
Hasty Treat - The Weird and Wonderful <link> Tag
Discussion on the various uses of the link HTML tag beyond just linking.
#html#link-tag#webdev
Tasty
How to Build a Website — The Show For Beginners
Emailer asks Wes and Scott to explain the basics of building a website from scratch using HTML, CSS and JavaScript for beginners with no experience.
#beginners#webdev#html#css
Hasty
Hasty Treat - TypeScript Utility Types
Scott and Wes discuss TypeScript utility types, explaining what they are and why you might use them.
#TypeScript#Programming
Tasty
Potluck - WordPress × 3rd-Party Cloud Services × Backend Hosting × Drupal × Getting Clients × GPS vs BEM × More!
Wes and Scott answer developer questions about WordPress vs advanced tech for clients, backend hosting, Drupal, CSS strategies, preparing for job interviews, home cooling fan setups, and podcast recommendations.
#WordPress#Backend#CSS#Jobs
Hasty
Hasty Treat - Git the Latest - New Things In Tech - CoPilot, Petite Vue, Stackblitz, Web3 + More!
Wes and Scott discuss the latest and greatest in web development including GitHub Copilot, Next.js 11, Astro, Notion API, Petite Vue, Stackblitz, Solid JS 1.0, Stately, and Web3.
#javascript#webdev#frameworks
Tasty
ShopTalk x Syntax
Wes and Scott from Syntax podcast join Chris and Dave from ShopTalk podcast for a crossover episode. They discuss their podcast goals, current web development stacks they use and like such as Next.js and SvelteKit, how WordPress compares, and more.
#Podcasts#JavaScript
Hasty
Hasty Treat - The Surprisingly Exciting World of Favicons
This episode covers different techniques and best practices for favicons, including file formats, sizes, optimization, animation, dark mode support, and more.
#favicons#webdev#frontend
Tasty
Potluck - Svelte × Bleeding-Edge Tech × Git Process × Screencasts × Government Jobs × Permissions-Based APIs × Rescript × More!
In today's potluck episode, Scott and Wes answer listener questions on topics like Svelte vs React, severing project ties, permissions-based APIs, Rescript, and more.
#Svelte#Permissions#Rescript
Hasty
Hasty Treat - Stylelint for Linting CSS
Scott and Wes discuss Stylelint, a powerful linting tool for CSS that helps enforce code quality and consistency.
#CSS#linting#code quality
Tasty
React 18 - A Look Ahead
React 18 is introducing automatic batching, suspense, strict mode, useTransition hook, SSR streaming, and more. There are great explainers on the React docs.
#React#JavaScript
Hasty
Hasty Treat - Vite + Parcel 2
Wes and Scott discuss the next generation of build tools like Vite and Parcel 2 that use modern techniques for incredibly fast reloads and bundle times.
#JavaScript#Tooling
Tasty
Syntax Highlight — We Review Your Portfolios
Scott and Wes review listener submitted websites and portfolios, providing feedback on design, code, accessibility, and more. They also discuss Scott's upcoming move, funny kid stories, and share picks for lever wire connectors, podcasts, and web dev courses.
#Portfolios#Design
Hasty
Hasty Treat - JavaScript Event Buzzwords — Sync, Concurrent, Defer, Blocking, Workers
Discussion of JavaScript timing buzzwords like synchronous, asynchronous, blocking, callbacks, and lazy loading.
#javascript#performance#asynchronous
Tasty
Dev Tools Power — Elements Tab
Scott and Wes dive deep into the elements tab in dev tools, explaining all the tips, tricks and lesser-known features for inspecting HTML and CSS. They cover manipulating the DOM, debugging styles and layouts, previewing animations, compatibility checking, and customizing the dev tools.
#Dev Tools#HTML#CSS#Debugging
Hasty
Hasty Treat - Seven Interesting JavaScript Proposals - Async Do, JSON Modules, Immutable Array Methods, and More!
Scott and Wes discuss 7 interesting JavaScript language proposals that may be added in the future, covering new ways to work with modules, dates, async code, arrays, destructuring, and pattern matching.
#javascript#webdev#proposals
Tasty
Potluck - Web components × Gear × Docker × Web Dev Frameworks × Golden Handcuffs × Browser Testing × SSR React × Code Prediction × More!
Scott and Wes answer listener questions covering web components, minimum coding setup, Python frameworks, Docker, code prediction, storing audio files, and more.
#Q&A#Tips
Hasty
Hasty Treat - CSRF Explained
Wes and Scott explain cross-site request forgery (CSRF) and different ways to prevent it like cookies, tokens, and headers.
#security#authentication#csrf
Tasty
CSS Container Queries, Layers, Scoping and More with Miriam Suzanne
Discussion on how container queries will allow styling based on available space by measuring elements instead of viewport. Other topics include cascade layers to control specificity order, scope for addressing naming conflicts, and Miriam's work with the CSS Working Group.
#css
Hasty
Hasty Treat - What is SvelteKit?
SvelteKit provides a fast, flexible, and powerful way to build web apps with Svelte. It works anywhere, has multiple rendering options, includes useful features out of the box, and focuses on HTML/JS. Worth trying for your next Svelte project.
#svelte#frameworks#webdev
Tasty
Potluck - Immutability × Turning Off Your Brain × Types vs Interfaces × Hooks vs Components × Making the Most of Your First Job × Confidence in Svelte × More!
Wes and Scott answer audience questions about React, TypeScript, problem solving, first jobs, Svelte, sleep habits, CMS tools, caching, scaffolding generators, spice organization, and stainless steel blender bottles.
#react#typescript#graphql#cms
Hasty
Hasty Treat - Making a Vaccine Bot with JavaScript
Wes talks about how he built a Telegram bot using Node.js that constantly polled COVID vaccine availability APIs and notified him when appointments became available so he could quickly book one.
#vaccine#covid19#javascript
Tasty
React + TypeScript
Discussion on setting up React with TypeScript, typing components, props, state, hooks, and other common patterns when using the two technologies together.
#react#typescript#webdev
Hasty
Hasty Treat - How to Make Money as a Creator
Wes Bos and Scott Tolinski discuss the various ways developers can make money as creators through selling products, services, training, sponsorships, donations and more.
#Business#Developers
Tasty
Bike Shedding — Developer Opinions Explained
Wes Bos and Scott Tolinski discuss controversial developer opinions including naming conventions, code editors, themes, exports, and more.
#Naming#Editors#Themes
Hasty
Hasty Treat - JavaScript's Drag and Drop API
Wes and Scott discuss using the native drag and drop API in JavaScript to enable dragging elements between web apps and customizing the drag experience.
#javascript#drag and drop#web api
Tasty
The Surprisingly Exciting World of HTML Elements
Scott and Wes have a fun discussion about HTML tags including semantic HTML, accessibility, SEO, default styling, and lesser known tags. They also talk about what tags they wish existed natively like textarea autosize and animated accordions.
#html#webdev#accessibility
Hasty
Hasty Treat - Stylin the Unstylables
Discussion of difficulties styling default HTML elements like inputs and media players, techniques like overlapping DOM elements to customize, and new initiatives like Open UI to standardize native UI components.
#html#css#webdev#accessibility
Tasty
Potluck — Freelancing × Leveraging your experience × Component size × Dealing with mediocrity × How to spend "extra time" × Rust vs Node × Free hosting? × More!
Wes and Scott answer listener questions on freelancing, component design, debouncing vs throttling, career moves, integrating React into legacy systems, and more.
#freelancing#react#css
Hasty
Hasty Treat - Technical Debt
Scott and Wes discuss what technical debt is, why it happens, and strategies to avoid it or work around it.
#technical debt#development#programming
Tasty
Potluck — Is it worth it to still learn WordPress? × Is Safari the new IE11? × Mobile website testing × Pirated content × Styled components × SSGs × Transitioning to full-time freelance × More!
Wes and Scott answer audience questions about web development topics like WordPress, browser testing, course building, and more.
#Podcasting#Freelancing
Hasty
Hasty Treat - Future Tech We're Excited About
Discussion of 4 new frameworks - Astro, Vitkit, SvelteKit and Remix. All are focused on server-side rendering and simplicity.
#astro#sveltekit#vitkit#remix
Tasty
TypeScript Fundamentals — Getting a Bit Deeper
Getting deeper into TypeScript fundamentals like any vs unknown, generics, inference, definitions, and assertions.
#TypeScript#Fundamentals#Generics
Hasty
Hasty Treat - Git Rebase Explained
Discussion on Git rebase - what it is, when and why to use it, and how it can help with workflows, tidying commits and resolving merge conflicts.
#git#rebase#workflow#productivity
Tasty
Selling and Shipping T-Shirts with TypeScript
Wes goes through his journey of designing, selling, and shipping his own t-shirts using various technologies to optimize the process.
#ecommerce#fulfillment#automation
Hasty
Hasty Treat - Container Queries Are Here
Discussion of the new CSS container queries feature recently added to Chrome Canary. Details on syntax, usage, why needed, resize observer issues, contain property, inline/block sizes, logical properties, best practices, and trying it out today.
#css
Tasty
Dev Tools Tabs Explained — Plus Tips & Tricks
Scott and Wes bos explain the dev tools tabs in Chrome and Firefox, detailing what each one does and providing tips and tricks for using them effectively.
#Chrome#Firefox#DevTools#Debugging
Hasty
Hasty Treat - CSS Nesting 1
Wes Bos and Scott Tolinski discuss a new CSS draft feature for CSS nesting. They explain the benefits, proper usage, and syntax of CSS nesting. They also discuss how it can be used with media queries and ensure backwards compatibility.
#CSS#webdev#frontend