Testing Picture-in-Picture for videos in Firefox 69 Beta and Developer Edition

Firefox has an experimental new UI feature in Firefox 69 Beta and Developer Edition – and Firefox engineers are looking for feedback on the implementation. Picture in Picture in the browser lets you pop a video out from where it’s being played into a special kind of window that’s always on top. Then you can move that window around or resize it however you need! Let us know what you think.
The post Testing Picture-in-Picture for videos in Firefox 69 Beta and Developer Edition appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/07/testing-picture-in-picture-for-videos-in-firefox-69/

Firefox 68: BigInts, Contrast Checks, and the QuantumBar

Firefox 68 is available today, sporting support for big integers, whole-page contrast checks checks for accessibility, and a completely new implementation of a core Firefox feature: the ever-awesome URL bar. Dan Callahan also reports on updated CSS scroll-snapping and other features, DOM API updates, next steps in the WebRender implementation, and more.
The post Firefox 68: BigInts, Contrast Checks, and the QuantumBar appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/

GeckoView in 2019

Introducing the initial release of Firefox Preview (GitHub), an entire browser built from the ground up with GeckoView and Mozilla Android Components. Firefox Preview is our platform for building, testing, and delivering unique features. Though still an early preview, this is our first end-user product built completely with these new technologies. Plus, we’ll share an update on where GeckoView is going in 2019.
The post GeckoView in 2019 appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/06/geckoview-in-2019/

View Source 5 comes to Amsterdam

Mozilla’s View Source Conference is back! This year we’re in Amsterdam, September 30 – October 1, 2019—tickets are available now. We’ve shifted our focus to take a deeper look at the web platform and how it is evolving and to offer attendees access to the folks who are shaping today’s web and the web of the future.
The post View Source 5 comes to Amsterdam appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/06/view-source-5-comes-to-amsterdam/

CSS Scroll Snap Updated in Firefox 68

The CSS Scroll Snap specification gives us a way in CSS to snap between different elements in a page or scrolling component. In this post, Rachel Andrew explains how scroll snapping works, why we had a situation where browsers were running different versions of the specification, and how that’s changing.
The post CSS Scroll Snap Updated in Firefox 68 appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/06/css-scroll-snap-updated-in-firefox-68/

Indicating focus to improve accessibility

Focus indicators make the difference between day and night for people who rely on them. Focus is something that happens between the interactive elements on a page. In this post I will explain what we mean by focus, show you how focus outlines make your site easier to use for anyone who relies on the keyboard, and share examples of why it’s a best practice to never remove them.
The post Indicating focus to improve accessibility appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/06/indicating-focus-to-improve-accessibility/

JavaScript and evidence-based language design

In what ways can empirical evidence be used in the design of a language like JavaScript? At TC39, as stewards of the JavaScript specification, how do we answer questions about the design of JavaScript and help make it accessible to the thousands of new coders who join the industry each year? To answer this we need to experiment, and I need your help.
The post JavaScript and evidence-based language design appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/05/javascript-and-evidence-based-language-design/

Firefox brings you smooth video playback with the world’s fastest AV1 decoder

With this week’s release of Firefox 67, the new high performance royalty-free AV1 video decoder dav1d is now enabled by default on all desktop platforms (Windows, OSX and Linux) for both 32-bit and 64-bit systems. And work is in progress on rav1e, the Rust AV1 encoder.
The post Firefox brings you smooth video playback with the world’s fastest AV1 decoder appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/05/firefox-brings-you-smooth-video-playback-with-the-worlds-fastest-av1-decoder/

Firefox 67: Dark Mode CSS, WebRender, and more

Firefox 67 is now available in general release, bringing a faster and better JavaScript debugger, support for CSS prefers-color-scheme queries, and the initial debut of WebRender in stable Firefox. Dan Callahan walks through the highlights of browser, platform, and tooling features.
The post Firefox 67: Dark Mode CSS, WebRender, and more appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/05/firefox-67-dark-mode-css-webrender/

Faster smarter JavaScript debugging in Firefox DevTools

Script debugging is one of the most powerful and complex productivity features in the web developer toolbox. Done right, it empowers developers to fix bugs quickly and efficiently. The DevTools Debugger team – with help from our tireless developer community – has just landed updates that significantly improve performance and reliability.
The post Faster smarter JavaScript debugging in Firefox DevTools appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/05/faster-smarter-javascript-debugging-in-firefox/