Syntax - Tasty Web Development Treats

972: These Things Make Your App Feel Like Crap on Mobile

Wes and Scott talk about why mobile web apps often feel “janky” compared to native—and how to fix it. They cover input zooming, accidental horizontal scroll, pointer/user-select quirks, frame rate consistency, full-page refreshes, and more. SHOW NOTES * 00:00 Welcome to Syntax! * 01:11 Brought to you by Sentry.io [https://sentry.io/syntax/] * 02:57 Zooming inputs * 06:11 Horizontal scrolling * 08:49 Proper use of pointer-events: none, and user-select: none * 11:27 Allowing zoom on everything * 16:37 Cleaning up the “jank” * 19:48 Full page refresh * 24:05 Slow loading times * 29:50 Cumulative layout shift * 32:47 Address bars and viewport units * Dynamic Viewport Units [https://web.dev/blog/viewport-units] * 35:34 Full-width scroll traps HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

971: Stackoverflow and Firefox are Dead?

Is Stack Overflow actually dying, and what does that mean in an AI-driven dev world? Scott and Wes break down the latest web dev news, from Firefox’s AI crossroads and Apple’s browser engine changes to new tools, docs, and spicy browser updates. SHOW NOTES * 00:00 Welcome to Syntax! * 02:36 Stack Overflow [https://data.stackexchange.com/stackoverflow/query/1926661#graph] is Officially Dead * 05:40 AI’s Impact on Software Development * 07:56 Brought to you by Sentry.io [https://sentry.io/syntax] * 08:20 Micro QuickJS [https://github.com/bellard/mquickjs] for Embedded Systems * 13:03 Open Workers [https://openworkers.com/introducing-openworkers]: A Cloudflare Alternative * 20:09 React Aria has new Docs [https://react-aria.adobe.com/getting-started] * 24:12 Firefox and the AI Dilemma * The Mozilla Announcement [https://blog.mozilla.org/en/mozilla/leadership/mozillas-next-chapter-anthony-enzor-demeo-new-ceo/] * 31:11 Apple’s Browser Engine Changes * Using alternative browser engines in Japan [https://developer.apple.com/support/alternative-browser-engines-jp/]. * 36:12 Fractured JSON [https://github.com/j-brooke/FracturedJsonJs] for Better Readability * 37:45 New Chrome Permissions Dialogue [https://www.reddit.com/r/webdev/comments/1pu40e8/ive_never_seen_this_before_what_does_it_mean/] * Chrome Network Access [https://developer.chrome.com/blog/local-network-access] * 41:15 Sick Picks & Shameless Plugs SICK PICKS * Scott: TRMNL E-Ink Display [https://usetrmnl.com/] * Wes: ACEBOTT [https://acebott.com/product/acebott-qd021-bionic-biped-robot-kit-for-arduino-esp32-electronic-toy-programming/] SHAMELESS PLUGS * Scott: Syntax on YouTube [www.youtube.com/@syntaxfm] HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

970: Why Did Anthropic Buy Bun?

Wes and Scott answer your questions about whether Git GUIs beat the terminal, balancing accessibility with experimental web projects, blocking malicious traffic, smart home setups, why Anthropic bought Bun, navigating tricky team dynamics, and more! SHOW NOTES * 00:00 Welcome to Syntax! * 00:51 Why did Anthropic buy Bun [https://bun.com/]? * 07:33 Should you use Git GUIs or the terminal? * lazygit [https://github.com/jesseduffield/lazygit] * 12:54 How to make better coding videos * v_framer [https://vframer.video/] * Recut [https://getrecut.com/] * DaVinci Resolve [https://www.blackmagicdesign.com/products/davinciresolve] * Shure MV7+ [https://amzn.to/44xIWsm] * 20:31 How do you handle a difficult dev teammate? * 24:16 Brought to you by Sentry.io [https://sentry.io/syntax/] * 24:41 Creative and experimental code vs accessible code * Using luminance instead of lightness [https://lea.verou.me/blog/2024/contrast-color/#using-luminance-instead-of-lightness] * Color contrast checker [https://colorcontrast.app/] * Auto color [https://github.com/stolinski/graffiti/blob/fbede55763bf94f14f4b792a78d3a835e8e9f334/src/lib/drop-in.css#L1152] * 31:51 Smart home setups we actually use * 35:37 How do you block bad bots and ISPs? * Bad ASN list [https://github.com/brianhama/bad-asn-list] * 38:02 What is SAP UI and why is it everywhere? * SAP UI5 Demo Kit [https://sapui5.hana.ondemand.com/] * 41:28 Sick Picks + Shameless Plugs SICK PICKS * Scott: Inside Archaeology [https://www.youtube.com/@Inside_Archaeology/videos] * Wes: ProfessorBoots [https://www.youtube.com/@professorboots] SHAMELESS PLUGS * Syntax YouTube Channel [https://www.youtube.com/@syntaxfm] HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

969: This guy is nuts (TypeScript Doom)

Scott and Wes sit down with Dimitri Mitropoulos to explore the wild edges of TypeScript—from running Doom in the type system to building tools like Typeslayer. They dig into Turing-complete types, performance limits, and what the future might hold for TypeScript and programming languages as a whole. Show Notes * 00:00 Welcome to Syntax! * 00:27 Dimitri Mitropoulos Introduction * 01:29 What is Doom in TypeScript? [https://www.youtube.com/watch?v=0mCsluv5FXA] * 03:10 TypeScript Types and Turing Completeness * 04:06 Project Overview and Challenges * 04:57 ASCII Art and Visual Representation * 06:50 Performance Issues with TypeScript * 09:27 Brought to you by Sentry.io [http://Sentry.io] * 09:51 Typeslayer Tool [https://www.npmjs.com/package/typeslayer] Introduction * 16:19 Building in Tauri * 20:54 Challenges around packaging * 24:03 Future of TypeScript and AI * 27:40 Is the Go-based compiler significantly faster? * TSperf [https://tsperf.dev/] * 30:23 Should there be something to follow Typescript? * 36:27 Staying up to date with WASM. * 37:08 SquiggleConf [https://www.youtube.com/@SquiggleConf] Overview * 38:26 Hosting a conference * 40:45 What are your thoughts on Zig [https://ziglang.org/]? * 45:07 Vibe coding as an end goal * 50:01 Sick Picks & Shameless Plugs Sick Picks * Dimitri: pullfrog [https://pullfrog.com/] Shameless Plugs * Dimitri: Michigan TypeScript on YouTube [https://www.youtube.com/@MichiganTypeScript] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

968: Habits and Changes We Want to Make in 2026

Wes and Scott talk about setting realistic goals for the new year, building habits through small, sustainable changes, creating systems that actually stick, and why incremental progress beats big resolutions every time. SHOW NOTES * 00:00 Welcome to Syntax! * 00:26 Wes: Stand more * 06:55 Wes: Learn to wake up early * 10:04 Scott: Embrace daily TODOs * Tweek [https://tweek.so/] * 14:18 Brought to you by Sentry.io [https://sentry.io/syntax] * 14:43 Wes: Better email management * 19:14 Scott: Become more minimal * 22:13 Wes: Get faster at typing * 26:55 Scott: Listen to more self-help books * 30:18 Scott: Track long-term habits * 31:36 Scott (and Wes): Ship more things HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]