> Markdown version of [/videos/1761-wearedevelopers-live-frontend-inspirations-web-standards-and-more?t=336](https://www.wearedevelopers.com/videos/1761-wearedevelopers-live-frontend-inspirations-web-standards-and-more?t=336). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Are complex JavaScript frameworks secretly ruining your app's performance? Discover how returning to modern web standards and native APIs builds faster, more resilient frontends without the bloat.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney), Jan Deppisch
- **Event:** WeAreDevelopers LIVE
- **Published:** November 26, 2025
- **Duration:** 1:06:20
- **URL:** https://www.wearedevelopers.com/videos/1761-wearedevelopers-live-frontend-inspirations-web-standards-and-more

## Summary

The current tech ecosystem is increasingly dominated by AI hype cycles, leading to shifts in corporate engineering investments, massive layoffs, and bizarre industry trends like AI-generated social feeds. However, beneath the noise of industry buzzwords, frontend development is facing a critical architectural challenge: an overreliance on heavy frameworks at the expense of core platform fundamentals. As engineering teams default to complex React-based setups, applications become exponentially bloated, prioritizing developer experience over final user experience and rendering performance.

Returning to fundamental web standards unlocks significant performance and capability benefits that are often obscured by modern build tools. Native web APIs have evolved dramatically, allowing developers to replace brittle JavaScript DOM manipulation with semantic HTML and advanced CSS. For example, utilizing native input attributes allows browsers to securely handle complex two-factor authentication UI without heavy third-party polyfills. Similarly, leveraging CSS custom properties alongside Grid order attributes enables dynamic layout shuffling entirely within the browser's painting engine. By embracing progressive enhancement, developers can build resilient, accessible interfaces that do not rely on massive, pre-compiled JavaScript bundles.

While heavy frameworks can maliciously abstract away the reality of browser rendering, emerging AI tools offer pragmatic ways to accelerate baseline development when used optimally. Through iterative prompt engineering, developers can bypass heavy libraries entirely, using AI to generate complex vanilla JavaScript logic for projects as intricate as retro game recreation. Ultimately, the frontend community must pivot back to optimizing the final code delivered to the user, ensuring that modern toolchains serve the open web rather than just insulating the developer from foundational languages.

**Keywords:** frontend framework bloat, semantic HTML development, CSS custom properties, vanilla JavaScript fundamentals, progressive enhancement, AI prompt engineering, React application performance, native CSS grid layouts, two-factor authentication UI, browser rendering performance, AI infrastructure investment, DOM manipulation alternatives, web standards compliance, developer experience tooling

## Chapters

1. **Early web development experiences and learning HTML basics** (05:36) — Reflecting on the challenges of learning HTML using offline tutorials and early hosting platforms.
1. **Shifting investments from engineering roles to artificial intelligence** (08:55) — Why recent tech industry layoffs are often driven by business reallocation toward AI rather than productivity issues.
1. **Creating an open ecosystem for artificial intelligence models** (11:24) — How organizations like Mozilla are aiming to build open-source infrastructure for AI despite high financial barriers.
1. **Analyzing the purpose of completely AI-generated content feeds** (12:18) — Understanding the strategic goals behind daily user engagement loops created specifically for AI-generated images.
1. **Removing third-party tracking scripts to improve frontend performance** (14:10) — The technical and strategic implications of deprecating legacy share buttons that previously functioned as web trackers.
1. **Publishing developer documentation on ephemeral social media platforms** (15:33) — Evaluating the effectiveness and professionalism of releasing prompt best practices via fleeting social media posts.
1. **Bypassing language model restrictions using creative prompt engineering** (18:03) — How requesting information in alternative formats like poetry can unintentionally subvert an AI model's safety guardrails.
1. **Prioritizing framework ecosystems over core web programming languages** (20:28) — The long-term career and hiring impacts of developers learning component libraries before mastering fundamental web standards.
1. **Navigating framework adoption and specialized frontend hiring constraints** (24:59) — Why companies often struggle to source developers for niche tools instead of trusting foundational platform knowledge.
1. **Teaching foundational programming concepts through game development projects** (27:34) — How practical exercises like building retro games offer a stronger foundation than starting with complex abstractions.
1. **Manipulating document order natively using CSS custom properties** (32:00) — Improving frontend performance by using CSS custom properties for display order rather than forcing DOM manipulations.
1. **Managing the growing complexity of modern CSS capabilities** (37:31) — Balancing the power of native rendering engine features against the risk of creating unreadable cascading style sheets.
1. **Implementing progressive enhancement for mobile input type validation** (42:12) — How utilizing correct semantic attributes simplifies user experience and removes the need for excessive polyfill libraries.
1. **Shifting technical focus back to compiled web outputs** (45:45) — Ensuring web applications deliver optimized raw assets to the browser instead of overly complex bundle abstractions.
1. **Adopting progressive enhancement workflows to prevent frontend bloat** (50:43) — Strategies for avoiding unnecessary library installations by starting projects with static structure and native browser features.
1. **Evaluating proposals for artificial intelligence specific markup elements** (54:31) — Debating whether developers should introduce new semantic tags simply to optimize content scraping for machine learning agents.
1. **Generating complete web applications using language model prompts** (56:57) — Engineering lessons learned from instructing artificial intelligence platforms to recreate complex game physics without manual coding.
1. **Protecting the open web against aggressive third-party monetization** (62:16) — A call to action for developers to prioritize core user experience over bloated tracking scripts and intrusive advertisements.

## Related Moments

- [Bringing JavaScript developers into web artificial intelligence](https://www.wearedevelopers.com/videos/1896-how-web-ai-can-power-the-agentic-web-jason-mayes-google) (from "How Web AI Can Power the Agentic Web - Jason Mayes (Google)")
- [Exploring frontend development choices beyond standard JavaScript frameworks](https://www.wearedevelopers.com/videos/390-debugging-static-web-apps) (from "Debugging Static Web Apps")
- [Creating interactive visual experiences with pure frontend code](https://www.wearedevelopers.com/videos/1819-wearedevelopers-live-yes-css-can-do-that) (from "WeAreDevelopers LIVE - Yes, CSS Can Do That!")
- [Advancing design tools for modern frontend development requirements](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) (from "Fireside Chat with Kris Rasmussen, CTO at Figma")
- [Navigating CSS complexity and embracing core frontend technologies](https://www.wearedevelopers.com/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more) (from "WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More")
- [Expected features and performance defaults in modern JavaScript frameworks](https://www.wearedevelopers.com/videos/118-how-to-stop-choosing-javascript-frameworks-and-start-living) (from "How to Stop Choosing JavaScript Frameworks and Start Living")

## Related Articles

- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [Exploring AI: Opportunities and Risks for Developers](https://www.wearedevelopers.com/magazine/522-exploring-ai-opportunities-and-risks-for-developers)

## Related Jobs

- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/682327-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/683045-remote-senior-full-stack-engineer) at **Edge Impulse**