Everything in web dev is Amazing!

Episode Summary

Executive Summary: This episode is a celebratory look at how web development has dramatically improved over the last 5-10 years across JavaScript, CSS, HTML, tooling, services, browsers, and hosting. Wes and Scott highlight modern fundamentals like TypeScript, async/await, Flexbox/Grid, devtools, CI/CD, and cloud services as life-changing upgrades that reduce friction, improve reliability, and speed up development.

Main Topics: JavaScript has become far more ergonomic and safer: The hosts emphasize TypeScript, optional chaining, async/await, array methods, arrow functions, ES6, and Babel as major quality-of-life improvements that reduce bugs and make code easier to write, refactor, and understand. CSS layout and state management are vastly improved: They praise CSS variables, Flexbox, Grid, viewport units, overflow scrolling on mobile, color formats, and position: sticky as features that removed the need for hacks and made responsive design much simpler. HTML and browser capabilities expanded significantly: They discuss HTML5 semantics, video/audio tags, canvas, web workers, websockets, geolocation, and web components, noting that many formerly complex tasks are now native and portable. Tooling and editor workflows have become dramatically faster: The conversation covers VS Code, hot module reloading, Prettier, ESBuild/Vite/Snowpack/Parcel, image optimization pipelines, and the general collapse of build/config complexity over time. Hosting and infrastructure are much easier to operate: They describe SSL, CI/CD, scaling, rollback, containers, serverless, and managed hosting platforms as eliminating much of the pain of running applications in the past. Developer debugging and cross-browser testing are better than ever: The hosts compare modern devtools and observability tools like Sentry to old-school Firebug and alert-based debugging, and note how much more consistent browsers/devices have become. Modern web services and business infrastructure lower barriers to entry: They highlight Stripe, Cloudinary, Mux, Sentry, and Linode as examples of enterprise-grade services now accessible to individual developers and small teams.

Key Arguments: TypeScript materially improves development speed and correctness by catching errors in the editor before code reaches the browser. Optional chaining, async/await, and array methods make JavaScript easier to reason about and reduce callback-heavy boilerplate. CSS variables are particularly transformative because they are live/reactive and make theming much easier than older preprocessor approaches. Flexbox and Grid eliminated many of the layout hacks that used to require floats, frameworks, or custom JavaScript. Modern HTML and browser APIs mean tasks like video/audio playback, sticky UI, and semantic page structure are native instead of library-dependent. Prettier and modern build tools drastically reduce mental overhead by automating formatting and bundling decisions. Services like Stripe, Cloudinary, Sentry, and Linode turn once-enterprise-only capabilities into self-serve products for solo developers and startups. Debugging, performance monitoring, and cross-browser consistency are all far better than they were in the Firebug/IE6 era.

Data Points: TypeScript domain registration date: September 28, 2012 - Wes notes that Microsoft registered learntypescript.com just days before TypeScript’s public announcement. TypeScript first public appearance: October 2012 - Scott cites Wikipedia to place TypeScript’s first public appearance in October 2012. Project/tooling evolution window: 5-10 years - The episode’s central premise is that web development has improved dramatically over the last five to ten years. First FreshBooks invoice: 2009 - Wes says his oldest invoice in FreshBooks dates back to 2009, showing long-term use of the service. FreshBooks usage duration: Over a third of Wes’s life - Wes jokes that FreshBooks has been with him for over a third of his life. Old color palette limit: 216 colors - They recall the old ‘web-safe’ color era where only 216 colors were considered safe for the web. Old font choices: 5 fonts - They mention how few fonts were historically usable on the web, with only a handful available. Scott’s first GitHub contribution: March 14, 2011 - Scott checks his GitHub graph and identifies his first meaningful contribution date. Wes’s first GitHub activity: January 2010 - Wes notes one early commit in January 2010 before a long gap. Wes’s first real GitHub contribution: March 2011 - Wes connects his first real contribution to his first web development job. Level Up Tutorials genesis: March 2012 - Wes identifies March 2012 as the beginning of Level Up Tutorials, via a Sass tutorial contribution. Sentry promo offer: 2 months free - Sentry sponsor offer with coupon code ‘tasty treat’. Linode promo offer: $100 in free credit - Linode sponsor offer for new users. Level Up Tutorials Black Friday discount: 50% off - Wes promotes his subscription sale and says the discount is lock-inable while subscribed.

Pivotal Quotes: "“everything in web development is amazing”" — Wes: The episode’s thesis: a positivity-focused look at how much the web platform and tooling have improved. "“CSS variables really, really have changed how I develop websites”" — Wes: Wes explains why live, reactive custom properties are his favorite modern CSS addition. "“it’s mind-blowing that 12, 13 years ago, you had to debug JavaScript with alert variable X is X”" — Ben Viniger (quoted by Scott): Used to contrast old debugging practices with modern observability and browser tooling.

Implications: For developers, the practical cost of building, debugging, deploying, and scaling web apps is far lower than a decade ago. The platform is more capable, the ecosystem is more mature, and small teams can ship enterprise-grade products faster than ever.