Web Components comprises a set of standards that enable user-defined HTML elements. These elements can go in all the same places as traditional HTML. Despite the long standardization process, the emerging promise of Web Components puts more power in the hands of developers and creators.
We’re currently hard at work on some new tools for web designers: a comprehensive Flexbox Inspector as well as CSS change-tracking. Tell us about your biggest CSS and web design issues and pain points in the first-ever Design Tools survey from Mozilla! We want to hear from developers and designers, no matter what browser you use.
Firefox Sync lets you share your bookmarks, browsing history, passwords and other browser data between different devices, and send tabs from one device to another. We think it’s important to highlight the privacy aspects of Sync, which protects all your synced data by default so Mozilla can’t read it, ever. In this post, we take a closer look at some of the technical design choices we made in order to put user privacy first.
This month's changelog, from the hard-working engineering team that builds and maintains the MDN Web Docs site, covers performance improvements and experiments, infrastructure updates, as well as countless tweaks and fixes to make your MDN experience better and better.
AV1, the next generation royalty-free video codec from the Alliance for Open Media leapfrogs the performance of VP9 and HEVC. The AV1 format is and will always be royalty-free with a permissive FOSS license. In this video presentation, Mozilla's Nathan Egge dives deep into the technical details of the codec and its evolution.
speedscope is a fast, interactive, web-based viewer for large performance profiles, inspired by the performance panel of Chrome developer tools and by Brendan Gregg’s FlameGraphs. Jamie Wong built speedscope to explore and interact with large performance profiles from a variety of profilers for a variety of programming languages. speescope runs totally in-browser, and does not send any profiling data to any servers.
Building a browser is hard; building a good browser inevitably requires gathering a lot of data to make sure that things that work in the lab works in the field. But as soon as you gather data, you have to make sure you protect user privacy. We’re always looking at ways to improve the security of our data collection, and lately we’ve been experimenting with a really cool technique called Prio.
IndieAuth is a decentralized login protocol that enables users of your software to log in to other apps. It's an extension to OAuth 2.0 that lets any website to become its own identity provider, leveraging all the existing security considerations and best practices in the industry around authorization and authentication.
Firefox 63 comes with some long-awaited treats: an implementation of web components, including custom elements and the shadow DOM. Potch also covers the Fonts Editor, the associated font panel in the Firefox DevTools Inspector, and reduced motion preferences in CSS.
People have a misconception—they think that the WebAssembly that landed in browsers back in 2017—is the final version. In fact, we still have many use cases to unlock, from heavy-weight desktop applications, to small modules, to JS frameworks, to all the things outside the browser… Node.js, and serverless, and the blockchain, and portable CLI tools, and the internet of things. The WebAssembly that we have today is not the end of this story—it’s just the beginning.
Opus is a totally open, royalty-free, audio codec that can be used for all audio applications, from music streaming and storage to high-quality video-conferencing and VoIP. This 1.3 release brings quality improvements to both speech and music compression, ambisonics support, and more.