Hasty
Modals, Popups, Popovers, Lightboxes
Discussion on terminology, HTML elements, and implementation details around modal popups, dialogs, and popovers.
#html #css #javascript
All Episodes
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
Hasty
Clean vs Sloppy Code
Discussion on establishing codebase rules and conventions to enforce clean code vs sloppy code through formatting, linting, naming conventions, documentation, and automation.
#automation #linting
Hasty
Logging
Wes and Scott discuss the value of comprehensive logging in web development and some best practices.
#logging #debugging #visibility
Hasty
Save us from Config File Hell
Wes and Scott discuss config files in web development projects - how they are necessary but can clutter your codebase. They talk through different formats like JSON, JavaScript and YAML, tools to hide/organize them, and ideas for standardization.
#configfiles #webdev #javascript
Hasty
Polish and Perf
Wes and Scott discuss strategies for improving performance and polish after launching a web app, from auditing network requests to optimizing images, caching, removing unnecessary code, and iteratively enhancing the user experience.
#pagespeed #perfmatters #webperf
Hasty
CSS Wishlist
In this episode Scott and Wes discuss their wishlist for future CSS features including mixins, grid row selection, range selectors, first/last selectors, fit-text, overflow control, color functions, lighten/darken colors, resize handles on divs, and overflow styles.
#css #webdev #frontend
Hasty
Container Queries Explained
Wes and Scott provide an intro to container queries, explaining the syntax, use cases, and browser support. They share examples for styling based on parent width and height, replacing JS with CSS, and dynamically sizing fonts and elements.
#CSS
Hasty
Buy It or Build It? A Service is Not a Solution
Discussion on evaluating whether to buy or build services for your application.
#services #saas #api
Hasty
TypeScript Fundamentals × Satisfies and as const
Scott and Wes discuss new TypeScript techniques like 'as const' to create frozen read-only types from data and 'satisfies' to allow better inference for unknown metadata objects.
#TypeScript #JavaScript
Hasty
TypeScript Fundamentals × Type Narrowing, Guards, and Predicates
Discussion on TypeScript fundamentals like type narrowing, guards and predicates which narrow types from general to specific.
#typescript #webdev #javascript
Hasty
Desktop Apps in JS × Electron and Tauri
Scott and Wes discuss building desktop applications using JavaScript and frameworks like Electron and Tori.
#javascript #electron #tori
Hasty
“Serverless” Databases
Discussion on using databases with serverless architectures and the unique challenges around connection pooling, edge locations, and scaling.
#serverless #databases #jamstack
Hasty
Rendering Methods Explained
Scott and Wes discuss different rendering methods for web applications based on the State of JS survey results. They provide overviews and examples of SPA, MPA, SSG, SSR, partial and progressive hydration, island architecture, progressive enhancement, ISG, streaming SSR, resumability, and edge rendering.
#rendering #webdev #SPA
Hasty
GitHub Next Projects
Scott and Wes discuss GitHub's latest announcements and upcoming products revealed on the GitHub Next website, including GitHub Copilot integrations, voice coding, collaborative workflows, and more.
#ai #github #webdev
Hasty
Serverless Limitations
Wes and Scott discuss limitations of serverless functions and how to work around them.
#Serverless #AWS Lambda #Limitations
Hasty
React use() hook and Async Server Components Proposal
Scott and Wes discuss the new React Use hook proposal for handling promises and asynchronous data fetching in React components. They cover the basics, comparisons to React Query, concerns around complexity and fragmentation in React.
#react #javascript #webdev
Hasty
Short Form Content with Tiktok, Reels, Shorts, Tweets
Wes and Scott discuss creating short-form video content for platforms like TikTok, Instagram Reels, and YouTube Shorts. They cover repurposing existing content, making custom videos, platform algorithms, tips for capturing viewers' attention quickly, challenges of showing code, and using text-based editing tools.
#Video Content #Programming
Hasty
Zod Schema Validation and Type Generation
Discussion of Zod, a TypeScript-first schema validation and inference library. Covers features like type inference, runtime validation, integration, and comparisons to alternatives.
#Zod #TypeScript #Validation
Hasty
Explained - Buzz Words and Concepts
Scott and Wes explain web development buzzwords and concepts like schema, promises, async/await, DOM, methods vs functions, props, and stateless HTTP requests.
#JavaScript #WebDev #Buzzwords
Hasty
Hydration & New Frameworks Like Qwik
This episode discusses Quick, a new web development framework created by the inventor of Angular that eliminates hydration by serializing state to HTML. It also covers topics like JSX, SSR, edge functions, and more.
#webdev #javascript #frameworks
Hasty
Bookmarklets
Wes and Scott discuss bookmarklets - JavaScript snippets that run on any page when clicked. They explain what bookmarklets are, how to use them, and share examples.
#javascript #bookmarks #automation
Hasty
Syntactic Sugar, Declarative and First Class Citizens? What does that even mean?
Scott and Wes explain common JavaScript jargon like syntactic sugar, declarative programming, and more.
#javascript #webdev #programming
Hasty
How to Get Past the Blahs and Finish Your Project
Wes and Scott discuss tips for pushing through the last 10% of a project when you get project blahs and start to lose motivation.
#productivity #programming
Hasty
WTF Is Enhance Framework?
A new HTML framework called Enhance JS that uses web standards and provides lightweight components, file-based routing, server-side rendering, and easy to write components.
#html #webdev #webcomponents
Hasty
AI and Coding - Is Github Co-Pilot Worth It?
Discussion of GitHub Copilot and other AI coding tools - how they work, concerns, pricing, and whether they help or hurt developers.
#ai #github #coding
Hasty
Use Next-gen CSS Today (Post CSS Configs)
This episode covers using PostCSS to write next generation CSS today including topics like postcss plugins, imports, nesting, custom media queries, env vars, and color functions.
#postcss #css #webdev
Hasty
Big Deno Changes
Deno has announced compatibility with Node and NPM, making it easier to use existing packages. They also have the fastest JS web server and good TypeScript support, so Node may fall behind.
#deno #nodejs #javascript
Hasty
Margins
Discussion of various techniques for handling margins and layout in CSS including collapsing margins, padding vs margins, flexbox, grid, and using spacer divs.
#css #layout #margins
Hasty
Episode 500!
Scott and Wes celebrate 500 episodes by looking back at milestones, favorite moments and episodes, and answering listener questions.
#podcasting #milestone
Hasty
CSS Proposals @when, CSS Masonry, Carets
In this episode Scott and Wes discuss upcoming CSS proposals like at win/else, masonry layout, caret styling, nesting, env variables, and improvements to media queries.
#CSS #front-end
Hasty
Browsers, Engines, Support and the Other Guys
Overview of major browser engines like Chromium, Gecko, WebKit and dive into lesser known mobile browsers to see if you need to support them.
#browsers #mobile #webkit #chromium
Hasty
How to Spark your Imagination and Get Excited about Coding
Wes and Scott discuss ways to spark creativity and excitement in coding through fun side projects that serve no purpose.
#JavaScript #programming #side projects
Hasty
What is Bun? The New JS Runtime
This episode covers Bun, a new JavaScript runtime focused on performance and batteries included tools like a bundler and transpiler.
#JavaScript #Performance
Hasty
STUMP’D Interview Coding Questions
Wes and Scott play a game of Stumped, asking each other random interview questions and trying to explain the answers.
#JavaScript #HTML #CSS #Interview Prep