Web Developers Articles
-
New & Experimental Web Design Tools: Feedback Requested
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.
-
Testing Strategies for React and Redux
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.
-
Hello
wasm-pack!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.
-
Forging Better Tools for the Web
2017 was a big year for Firefox DevTools. We updated and refined the UI, refactored three of the panels, squashed countless bugs, and shipped several new features. This work not only provides a faster and better DevTools experience, but lays the groundwork for some exciting new features and improvements for 2018 and beyond.
-
How we rebuilt the viewsourceconf.org website
There are a lot of interesting challenges when working with legacy code at a large scale, but rebuilding from scratch usually isn’t an option. Recently we had the chance to start fresh and rebuild Mozilla's View Source website for the upcoming conference in London. Here are a few highlights of the architectural decisions we made to make the site faster, more secure, and more reliable.
-
The MDN Redesign “Behind the Scenes”
MDN is getting a new look today. Read about the changes we've made, like bug fixes, toning down the contrast and enabling http2. Want to hear more about our new system for overriding site fonts on a per-locale basis? Drop us a line in the comments section. Did we break something you love? File a bug and we'll take a look.
-
HTML5 Games Workshop: Make a platformer game with JavaScript!
I have always wanted to run a game development workshop, and some weeks ago, thanks to AdaJS in Barcelona, I finally got my chance. Empezamos con lleno el taller de videojuegos de @ladybenko en @CanodromBCN 👏🏻👏🏻 pic.twitter.com/FWyfcSF16R — adaJS (@adabcnjs) March 4, 2017 Best news? The materials that I created are available online! And you […]
-
A practitioner’s perspective on A-Frame: —Interview with Roland Dubois
In this conversation, we chat with Roland Dubois, a Virtuleap finalist and founding designer at studio.zeldman. Roland is the creator of gravr.io, a cloud service that allows you to create a VR profile and ‘avatar’ and synchronize your VR preferences and pre-sets. Gravr.io is built with A-Frame.
-
A new CSS Grid demo on mozilla.org
With CSS Grid shipping across browsers this spring (already in Firefox 52 and Chrome 57; Safari, and hopefully Edge, soon to follow) some of Mozilla's in-house designers and developers decided to experiment with the technology on mozilla.org. The result is a live demo site that shows CSS Grid features and provides links to our favorite resources.
-
Using Neutrino to jump-start modern JavaScript development
Neutrino is a tool which brings together the best parts of the modern JavaScript toolchain with the ease of zero upfront configuration. Built to let you hit the ground running, Neutrino combines the power of Webpack with the simplicity of presets to build web and Node.js projects.
