Web Design Survey Findings and Next Steps

In November, I wrote about my team’s work on experimental new web design tools and introduced a survey to rank the challenges of web design and development. We received over 900 responses in one month! What we learned from you has helped us gain new insights that continue to inform the Firefox DevTools’ 2019 roadmap.
The post Web Design Survey Findings and Next Steps appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/02/web-design-challenges-survey-finding/

Fearless Security: Thread Safety

Multithreading allows programs to do more faster, but adds synchronization bugs and attacks. Programming languages have evolved different concurrency strategies to help developers manage both the performance and security challenges of multi-threaded applications. Diane Hosfelt explores the challenges of thread safety, and the approach that Rust takes.
The post Fearless Security: Thread Safety appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/02/fearless-security-thread-safety/

Anyone can create a virtual reality experience with this new WebVR starter kit from Mozilla and Glitch

Building a virtual reality experience may seem daunting, but it really isn’t. WebVR and frameworks like A-Frame make it really easy to get started right. This is why we worked with Glitch to create a WebVR starter kit. Today we introduce a free, 5-part video course with interactive code examples that will teach you the fundamentals of WebVR using A-Frame.
The post Anyone can create a virtual reality experience with this new WebVR starter kit from Mozilla and Glitch appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/02/webvr-starter-kit-mozilla-glitch/

Refactoring MDN macros with async, await, and Object.freeze()

In January, the MDN engineering team landed a major refactoring of the KumaScript codebase, the underlying Node server that runs macros in Kuma, which is the wiki that powers MDN. This work included some modern techniques of interest to JavaScript programmers.
The post Refactoring MDN macros with async, await, and Object.freeze() appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/02/refactoring-mdn-macros-with-async-await-and-object-freeze/

Firefox 66 to block automatically playing audible video and audio

Unsolicited volume can be a great source of distraction and frustration for users of the web. So we are making changes to how Firefox handles playing media with sound and we want to make sure web developers are aware of this new audio autoplay blocking default. With the release of Firefox 66, now in Firefox Beta/Developer Edition, the browser will block audible audio and video, and will allow a site to play audio or video aloud via the HTMLMediaElement API only once the user has initiated the audio.
The post Firefox 66 to block automatically playing audible video and audio appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

New in Firefox DevTools 65

We just released Firefox 65 with a number of new developer features that make it even easier for you to create, inspect and debug the web. Among all the features and bug fixes that made it to DevTools in this new release, we particularly want to highlight our brand new Flexbox Inspector and all the features and enhancements that deliver smarter JavaScript inspection and debugging.
The post New in Firefox DevTools 65 appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/01/new-in-firefox-devtools-65/

Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates

Firefox 65 ships today with some notable Firefox Devtools updates, including the release of the CSS Flexbox Inspector, a new changes panel, and more. We’re shipping CSS platform improvements and updates to a variety of JavaScript APIs. Firefox 65 supports the WebP image format, and support for AV1, an open and royalty-free video compression format, is shipping now in Firefox 65 for Windows.
The post Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/01/firefox-65-webp-flexbox-inspector-new-tooling/

Cameras, Sensors & What’s Next for Mozilla’s Things Gateway

With the release of Things Gateway 0.7, Mozilla’s IoT team announces experimental support for IP cameras, along with support for a wider range of sensors that track temperature, leaks, and more. Ben Francis also shares plans for evolving the Things Gateway application in 2019, and exploring the value a trusted personal agent could provide to your whole home network.
The post Cameras, Sensors & What’s Next for Mozilla’s Things Gateway appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/01/cameras-sensors-whats-next-for-mozillas-things-gateway/

Fearless Security: Memory Safety

Memory safety violations leave programs vulnerable to security threats like unintentional data leakage and remote code execution. There are ways to ensure memory safety, including smart pointers and garbage collection. Research engineer Diane Hosfelt explains how Rust’s ownership system achieves memory safety while minimizing performance costs.
The post Fearless Security: Memory Safety appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/01/fearless-security-memory-safety/

How to make VR with the web, a new video series

Introducing a new 7-part video series with Josh Marinacci: How to make a virtual reality project in your browser with ThreeJS. These short tutorials show how to create an interactive 3d birthday card in WebVR that you can share and view in your desktop web browser, in a VR headset, or on a smartphone device. All you need is a little time and a little JavaScript know-how.
The post How to make VR with the web, a new video series appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/01/how-to-make-vr-with-the-web-video-series/