Resources for developers, by developers.

Hacks Blogread more at hacks.mozilla.org

• Intersection Observer comes to Firefox

  What do infinite scrolling, lazy loading, and online advertisements all have in common? They need to know about—and react to—the visibility of elements on a page! Unfortunately, knowing whether or not an element is visible has traditionally been difficult on the Web. Most solutions listen for scroll and resize events, ...

  Posted August 02, 2017 by Dan Callahan

• Tour the latest features of the CSS Grid Inspector, July 2017

  We began work on a developer tool to help with understanding and using CSS Grid over a year ago. In March, we shipped the first version of a Grid Inspector in the Firefox DevTools along with CSS Grid. Now significant new features are landing in Firefox Nightly. Here’s a tour ...

  Posted July 31, 2017 by Jen Simmons

• Inspect, Modify, and Debug React and Redux in Firefox with Add-ons

  React, along with Redux, is one of the fastest and most flexible UI frameworks on the web. It’s easy to write, easy to use and is great for teams. However, it's not easy to debug them in the browser. Now, browser add-ons like React Developer Tools, Redux DevTools, and Vue ...

  Posted July 26, 2017 by Dustin Driver

• The MDN Redesign “Behind the Scenes”

  The MDN redesign will go live after noon Pacific Time today! Kuma, the code that produces the MDN site, is a weird mix of the old and the new. MDN turned ten in 2015 and there’s still code and content around from those very first days. When I sat down ...

  Posted July 25, 2017 by Stephanie Hobson

• Optimizing Performance of A-Frame Scenes for Mobile Devices

  For a WebVR capstone project at Oregon State University, our team investigated performance and optimizations for A-Frame on Android smartphones. We developed a means of benchmarking the level of 3D complexity a mobile phone is capable of, and determining which performance metrics are required for such a benchmark.

  Posted July 24, 2017 by Charles Siebert