Web game developer Andrzej Mazur explores the concept of Progressive Web Games. He describes howe to use PWA features built with Web APIs for modern game development. He introduces the Enclave Phaser Template (EPT) — a free, open sourced mobile boilerplate for HTML5 games that provides many shortcuts for getting started.
The latest release -- Firefox 61 Developer Edition -- comes with a darker dark theme, more powerful and customizable developer tools, the new Accessibility Inspector, and numerous performance improvements like better CSS stylesheet parsing and improved time to first paint.
The Firefox Dev Tools team released an upgrade to the debugger’s source map support. It lets you inspect the code that you actually wrote. Combined with the ongoing work to provide first-class JS framework support across all Firefox devtools, these advances boost productivity for web app developers working in frameworks like React, Angular, and Ember and with modern tools like Webpack, Babel, and PostCSS.
Today we're mashing up two very different applications to make a cool personal dashboard for investigating all our internet-connected things, and their behavior over time. We can use one of the Web Thing API's superpowers: its flexibility. This adaptability allows us to create a bridge between the Project Things gateway and Cloud Native Computing Foundation’s Prometheus, a time-series database originally intended for supervising large clusters of servers.
Firefox 60 continues the evolution of Quantum. The parallel processing of Quantum CSS comes to Firefox for Android, while WebRender work is ongoing. Potch reports on two security upgrades - support for the Web Authentication API and for the Same-Site attribute for cookies - as well the arrival of ES modules. Firefox Quantum for Enterprise, our Extended Support Release, is now available for large installations. Read all about it!
The MDN engineering team reports on work accomplished in April and what's ahead in May. Some highlights: MDN Web Docs site moved to a CDN, improving page load time by 16%. The migration of browser compatibility data (the BCD project) continues apace, and is now 72% done. The team began the work of replacing font-based icons with inline SVG; the work to improve accessibility and localization with SVG icons continues. In April, 510 pull requests were merged, including 140 pull requests from 57 new contributors.
Discover how to build web things with Python, Node.js, or Java using the Things Framework. These languages are definitely not optimal for small embedded devices; this tutorial is intended for higher-end devices that can run these languages with ease, or even your own desktop computer. To demonstrate, we’ll be turning the Music Player Daemon (MPD) into a web thing.
Introducing the newly released Core PWA Guides on the MDN Web Docs site. Progressive Web Apps (PWAs) are a new way of building websites, but are they really all that new? Key PWA strategies and associated features include progressive enhancement, responsive design, and mobile-first thinking.
The power of web things comes from their ability to connect the digital world of web pages with the physical world of things. In this Things Framework tutorial-style post, James Hobin walks you through creating a simple Web Thing using an inexpensive off-the-shelf ESP8266 board.
When the Firefox Add-ons team ported addons.mozilla.org to a single page app backed by an API, they chose React and Redux for powerful state management, delightful developer tools, and testability. Achieving the testability part wan’t as obvious, since there are competing tools and techniques. This post describes some testing strategies that are working really well.
Introducing wasm-pack, a new tool for assembling and packaging Rust crates that target WebAssembly. These packages can be published to the npm Registry and used alongside other packages. This means you can use them side-by-side with JS and other packages, and in many kind of applications.