Hasty
CSS Native @scope
This episode covers the new native CSS scoping feature using the @scope rule, how it works, what problems it solves, and browser support status.
#css#frontend#webdev
All Episodes
Hasty
Is HTMX a Joke?
HTMLX is a small library for swapping out parts of your UI with responses from a server. It brings back AJAX and is not a full replacement for React.
#front-end#frameworks#server-side
Hasty
Svelte 5: Speed, Simplicity & Size
Covers new Svelte 5 features focused on speed, simplicity and smaller bundles including the $state, $effect and $props syntax changes.
#Svelte#JavaScript
Hasty
Where Does Time Come From?
Discussion on how time works on computers and issues that arise when working with dates and time in JavaScript. Covers time infrastructure, standards, and new Temporal API.
#time#javascript#webdev
Hasty
How to be Productive
Wes and Scott discuss productivity habits like tracking goals, scheduling focus time, simplifying workflows, and pushing through procrastination to build momentum.
#productivity#workflows#organization
Hasty
CSS :has() in Every Browser! 10 Uses
Discussion of practical examples and use cases unlocked by the CSS :has() selector being supported across all major browsers.
#css#webdev#frontend
Hasty
The Surprisingly Exciting World of Print + PDF CSS
Covers using print CSS for various use cases like shipping labels and recipes. Explains how to load print CSS, use advanced features like CSS counters and @page rules, control page margins and numbering, debug print styles, and generate PDFs.
#print-css#css#web-dev
Hasty
How We Made Syntax.fm Faster
Scott and Wes discuss various performance issues encountered while rebuilding the Syntax site, including slow database queries, unnecessary data loading, and Open Graph image generation. They share the optimizations and tools used to diagnose bottlenecks and make improvements.
#webdev#performance#debugging
Hasty
AI and ML - The Pieces Explained
Scott and Wes explain all the terminology, services, and technical pieces that make up artificial intelligence and machine learning.
#AI#ML#Technology
Hasty
The Observer Pattern
Discussion on the observer pattern, its use in game dev and JavaScript frameworks, differences from observables, and its relation to promises and streams.
Hasty
A11y Treats - Labels & Roles
Discussion on using ARIA roles and labels to make web apps more accessible, including legal requirements, providing context for UI elements, and testing tools.
#accessibility#a11y#webdev
Hasty
Why You Should Be Using CSS @Layers
Wes and Scott discuss CSS Layers - a new way to control cascading and specificity by defining layers of CSS.
#CSS#webdev#frontend
Hasty
5 New CSS Features You Should Know
This episode covers 5 interesting new CSS features including nth child microsyntax, CSS motion path, scroll snap, scroll driven animations, and margin trim.
#CSS#Frontend
Hasty
You Need Stale While Revalidate
Scott and Wes explain the stale while revalidate caching technique, when you would use it, and how it allows you to serve cached content while asynchronously generating fresh content.
#caching#performance
Hasty
You Should Be Using JavaScript Maps & Sets
Wes and Scott discuss JavaScript maps and sets - how they differ from arrays and objects, unique use cases, and when to reach for maps/sets over arrays/objects.
#javascript#webdev#podcast
Hasty
We Need Your Help With The Secret Sauce
Wes and Scott discuss the technology stack and services powering the new Syntax.fm website.
#SvelteKit#Serverless#Prisma#PlanetScale
Hasty
Spooky Coding Horror Stories 2023 - Part 1
Developers share horror stories of catastrophic mistakes like deleting databases, breaking site functionality, exposing data, and more.
#Site Outages#Data Exposure
Hasty
Getting jQuery’d × Honourable Deaths of libraries We Don’t Use Anymore
In this episode Scott and Wes discuss various libraries and tools that have been replaced by standardized browser APIs and JavaScript features over the years, like jQuery, Express, Underscore, 960 Grid System, Sass, Socket.IO, Left Pad, etc.
#javascript#libraries#jquery#express
Hasty
Home Office Tips
Tips for optimizing your home office space for productivity and comfort as a developer working from home.
#productivity#workflow#office
Hasty
A11y Treats - Heading Design
Discussion on proper semantic usage of h1 through h6 headings for accessibility, SEO, and screen reader navigation.
#accessibility#headings#SEO
Hasty
Tauri Vs Electron - Desktop Apps with Web Tech
Discussion comparing Tori and Electron for building desktop apps using web technologies. Covers differences in bundle sizes, developer experience, maturity and more.
#tori#electron#desktopdev#webdev
Hasty
Hacking the Tonal - Proxying, Intercepting + Debugging Traffic?
Scott proxies requests from his Tonal workout device to reverse engineer the API and build custom community workouts since Tonal has limited functionality.
#Tonal#Proxying
Hasty
CSS Nesting is Here!
Wes and Scott discuss the new CSS nesting syntax that is now supported across all major browsers. They cover how it works, best practices, use cases compared to Sass, browser support via transpiling, and more.
#css#frontend#webdev
Hasty
JavaScript Closures & Scope Explained
Scott and Wes explain JavaScript closures, scoping, and give examples of how closures can be useful.
#javascript#closures#scope
Hasty
OG Image Options
Scott and Wes discuss techniques for dynamically generating social media preview images known as open graph or OG images using services like Satori, Cloudinary, and Puppeteer.
#webdev#javascript#ogimage
Hasty
8 Tricks When Using the Fetch() API
Wes shares 8 tricks for using the JavaScript Fetch API including streaming responses, tracking download progress, and handling errors.
#javascript#webdev#fetch
Hasty
JS Fundamentals - Decorators
Scott and Wes discuss JavaScript decorators - what they are, how to use them, their current status, and potential future use cases.
#javascript#webdev#decorators
Hasty
Why is Facebook’s HTML + CSS Such a Mess?
Discussion on why Facebook and Instagram HTML/CSS is messy - random CSS class names and excessive div wrappers.
#facebook#css#react
Hasty
Rust for JavaScript Developers - Node vs Rust Concepts
Compares JavaScript and Rust at a high level, including cargo, documentation, async/await, error handling, syntax differences, and more.
#javascript#rust#nodejs
Hasty
User Feedback UI - Toasts, Flash, Validation
Scott and Wes discuss best practices for user feedback UI like toasts, flash messages and form validation.
#UX#Accessibility#Forms
Hasty
Help Me Help You - How To Ask For Help
Wes and Scott discuss best practices for asking for help with libraries and open source projects like providing reproductions, being responsive and respectful, searching existing issues first, and sharing code context.
#GitHub#Bugs#Help#Support
Hasty
Roundup - Sick AI Tools For Developers
Discussion on using AI tools like CodeAI, CodeWhisperer, Copilot, lintrule, opencommit, Ghostwriter, Codegeeks, Codeum AI, TabNine, and ChatGPT for tasks like documentation, optimization, code generation, data formatting, commit messages and more. Notes the importance of validating any AI-generated code before use in production.
#AI#Productivity
Hasty
Lightning CSS
Wes and Scott discuss Lightning CSS - a fast CSS parser, transformer, bundler and minifier from the creator of Parcel. They cover the benefits of Lightning CSS including improved performance, support for future CSS syntax like nesting and color spaces, and more.
#CSS#Frontend
Hasty
Where to Register a Domain
Wes and Scott discuss top domain name registrars in light of Google Domains closing down. They compare pricing, features, UX and more across Namecheap, GoDaddy, Gandhi, Hover, Name.com, Cloudflare and others.
#web-dev#domains
Hasty
AsyncLocalStorage + AsyncContext API
Discussion on AsyncLocalStorage and Async Context API in JavaScript which allow accessing context down the call stack without passing references explicitly.
#javascript#nodejs#webdev
Hasty
GitHub Projects, Milestones, Labels, and Actions
Wes and Scott discuss using GitHub Projects, Milestones, Labels, and Actions to organize and automate your workflow.
#GitHub#Automation
Hasty
Nothing in CSS - 0 vs 0px, no, none, hidden, initial and unset
Discussion on values like none, 0, and hidden that essentially remove or undo something in CSS and HTML.
#CSS#HTML#Accessibility
Hasty
JavaScript.exe - Standalone Executables
Scott and Wes discuss JavaScript executables - standalone, portable executables containing your Node app, dependencies, and the runtime. They cover use cases, criticisms of large executable sizes, and potential ways to shrink executables.
#javascript#node#executables
Hasty
Why Is node_modules So Big?
Discussion on why Node.js node_modules folders get so large and what actually takes up most of the space inside them.
#nodejs#webdev#javascript
Hasty
WTF Are Signals And Why Is Everyone So Hot On Them All Of The Sudden?
Discussion on what signals are, why frameworks are adopting them, and whether you need to use them in your apps.
#javascript#webdev#reactivity