> Markdown version of [/videos/316-explore-new-web-features-before-everyone-else](https://www.wearedevelopers.com/videos/316-explore-new-web-features-before-everyone-else). 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).

---

# Explore new web features before everyone else

Stop passively waiting for stable web releases. Learn how to leverage experimental browser builds and emerging APIs to safely future-proof your codebase before the competition catches up.

- **Speakers:** Nikita Dubko
- **Event:** JavaScript Congress
- **Published:** November 24, 2021
- **Duration:** 44:43
- **URL:** https://www.wearedevelopers.com/videos/316-explore-new-web-features-before-everyone-else

## Summary

Staying ahead in web development requires looking beyond currently stable APIs to actively track and test upcoming standards. Monitoring experimental features empowers developers to leverage progressive enhancement, refactor legacy code early using mechanisms like CSS container queries, and build highly resilient applications. Familiarity with emerging technologies such as WebGPU, WebAssembly, and the Houdini API also naturally positions software engineers as forward-thinking domain experts ready to tackle complex architectural challenges.

To systematically discover new capabilities, modern engineering teams should utilize experimental browser builds including Chrome Canary, Firefox Nightly, and Safari Technology Preview. Deep-diving into standard committee pipelines—such as W3C working drafts for CSS nesting, TC39 ECMAScript proposals like the Temporal API, and Web Incubator Community Group (WICG) explainers—provides a critical roadmap of the web's trajectory. Furthermore, tracking initiatives like Project Fugu reveals how progressive web apps are increasingly accessing native device hardware to bridge the performance gap between web and desktop ecosystems.

Rather than passively waiting for features to reach stable releases, developers can actively shape the web's future. By testing APIs behind browser flags, contributing to open-source GitHub explainers, filing detailed feedback in issue trackers like Bugzilla, and engaging directly with DevRel teams, engineers can influence the adoption of next-generation standards. Adopting this proactive mindset ensures continuous technical growth while safely future-proofing enterprise codebases.

**Keywords:** experimental web apis, progressive web enhancement, w3c standard proposals, tc39 ecmascript stages, javascript temporal api, css container queries, web component refactoring, project fugu capabilities, webgpu performance scaling, web incubator community group, wasi and webassembly, browser feature flag testing, chrome canary development, open source standards contribution, native device web integration, css nesting implementation

## Chapters

1. **Identifying and exploring upcoming web API concepts** (00:02) — Looking into experimental features reveals exciting possibilities like handwriting recognition and custom CSS parsing before they reach native browser support.
1. **Refactoring and progressive enhancement with future APIs** (03:38) — Adopting future web capabilities early allows for progressive enhancement of current applications and massive refactoring benefits later.
1. **Staying ahead of web development trends** (07:58) — Mastering emerging technologies provides a competitive edge in implementing advanced features and shaping new ECMAScript standards.
1. **Learning from deprecated features and standards processes** (12:07) — Historical pain points from older browsers often drive the standardization of modern native solutions across standard-setting communities.
1. **Tracking immediate changes via browser release blogs** (15:47) — Following official browser release notes helps discover newly implemented features ready for specialized platforms.
1. **Testing experimental features using canary browser builds** (20:28) — Installing nightly browser builds and following platform intent channels tracks experimental capabilities before they ship to stability.
1. **Reading specifications to anticipate distant web capabilities** (25:25) — Analyzing technical drafts and enabling browser flags unlocks experimental implementations of native features directly inside the browser.
1. **Finding early stage web platform proposals and explainers** (30:56) — GitHub repositories containing API explainers and stage one proposals give an early look into potential capabilities like native interface modifications.
1. **Participating in web standard communities and open source** (36:42) — Filing issues and submitting pull requests to specification repositories directly influences the evolution of the web platform.
1. **Adopting experimental APIs in enterprise environments** (40:42) — Integrating new browser features into enterprise workflows works best when separated gracefully as a layer of progressive enhancement.

## Related Moments

- [Shaping web platform capabilities through active community involvement](https://www.wearedevelopers.com/videos/1173-creating-compelling-cross-device-foldable-experiences-on-the-web) (from "Creating compelling cross-device foldable experiences on the Web")
- [Tracking upcoming web capabilities and industry resources](https://www.wearedevelopers.com/videos/956-what-s-new-and-what-s-next-in-web-ui) (from "What’s New and What’s Next in Web UI")
- [Attending web standards and browser history community events](https://www.wearedevelopers.com/videos/1291-using-all-the-html-running-state-of-the-browser-and-modern-is-rubbish) (from "Using all the HTML, Running State of the Browser and "Modern" is Rubbish")
- [Anticipating missing CSS features and upcoming standardizations](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")
- [The case for the web as a developmental platform](https://www.wearedevelopers.com/videos/293-native-web-apps-are-we-there-yet) (from "Native Web Apps: Are We There Yet?")
- [Exploring alternative build tools and experimental web components](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 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 138 - Are you secure about this?](https://www.wearedevelopers.com/magazine/486-dev-digest-138-are-you-secure-about-this)
- [Dev Digest 116 - WWWAI?](https://www.wearedevelopers.com/magazine/449-dev-digest-116-wwwai)
- [Dev Digest 128 - Do not Google Monopoly](https://www.wearedevelopers.com/magazine/465-dev-digest-128-do-not-google-monopoly)

## Related Jobs

- [Software Engineer](https://www.wearedevelopers.com/jobs/ext/1377585-software-engineer) at **Bitpanda**
- [Software Engineer](https://www.wearedevelopers.com/jobs/ext/1304673-software-engineer) at **Bitpanda**
- [Senior Software Engineer, React (Websites & Martech)](https://www.wearedevelopers.com/jobs/ext/1605272-senior-software-engineer-react-websites-martech) at **Bitpanda**
- [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group**
- [Senior Software Engineer, React (Investing & Trading)](https://www.wearedevelopers.com/jobs/ext/1937625-senior-software-engineer-react-investing-trading) at **Bitpanda**
- [Software Engineer, React & Angular (Broker Web Platform](https://www.wearedevelopers.com/jobs/ext/1558399-software-engineer-react-angular-broker-web-platform) at **Bitpanda**