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
All Episodes
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
Hasty
Bluesky + AT Protocol
Scott and Wes discuss the new Blue Sky social network and AT protocol, comparing it to Twitter, Mastodon and other decentralized social networks.
#bluesky #socialmedia #twitter
Hasty
RPC in JavaScript!
Wes and Scott explain RPC and discuss its growing popularity due to server-side React, key concepts, use cases, standards, comparisons to REST, and considerations.
#RPC #JavaScript #React
Hasty
CSS Color Functions
This episode covers practical uses of new CSS color functions like relative color, color contrast, and color mixing. Wes and Scott are excited about the possibilities enabled by modifying colors dynamically in CSS.
#CSS #Design #Accessibility
Hasty
Modals, Popups, Popovers, Lightboxes
Discussion on terminology, HTML elements, and implementation details around modal popups, dialogs, and popovers.
#html #css #javascript
Hasty
oAuth APIs Explained
This episode explains OAuth, the standard for logging in via services like GitHub and accessing user data. OAuth uses various tokens like client ID, client secret, authorization code, access token, and refresh token.
#oauth #webdev
Hasty
The New Import Map Standard
Explains the new import maps standard for aliasing files and paths in JavaScript projects. Covers how to use them and browser support.
#javascript #webdev #tooling
Hasty
Coding with the Open AI / Chat GPT API
Scott and Wes discuss how to work with the OpenAI API and ChatGPT in JavaScript. They go over the different APIs available, pricing, token limits, prompt tuning, and share tips for saving money.
#OpenAI #ChatGPT #JavaScript
Hasty
HTTPS + Tunnel Your Localhost - Cloudflare Tunnels, Ngrok, and more!
Discussion on using HTTPS and tunneling services like Cloudflare Tunnel and ngrok to securely expose a local dev server and allow outside traffic for testing.
#HTTPS #Tunneling #Cloudflare #ngrok
Hasty
Web Streams Explained
Wes and Scott discuss web streams, how they work, and examples of using them for performance and working with large data.
#web-streams #performance #data
Hasty
Node in the Browser × WebContainers + NodeBox
Discussion on running Node.js in the browser via web containers and Nodebox, enabling server-side code in the browser for demos, tutorials and interactivity.
#Node.js #JavaScript