Web Developers Articles
-
WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more
Creating experiences that look and work great across different browsers is one of the biggest challenges on the web. It can also be the most rewarding part, as it gets your app to as many users as possible. Testing legacy browsers late in the development process can break a feature that you spent hours on, even requiring rewrites to fix. What if the tools in your primary development browser could warn you sooner? With Webhint in Firefox DevTools, we can do exactly that, and more.
-
MDN’s First Annual Web Developer & Designer Survey
Today we are launching our first annual MDN Developer & Designer Needs Survey. Web developers and designers, we urge you to participate! This is your opportunity to tell us about your needs and frustrations with the web. Your participation will influence how browser vendors like Mozilla, Google, Microsoft, and Samsung prioritize feature development.
-
Owning it: browser compatibility data and open source governance
What does it mean to “own” an open-source project? With the browser-compat-data project (“BCD”), the MDN (Mozilla Developer Network) community and I recently had the opportunity to find out.
-
Developer Roadshow 2019 returns with VR, IoT and all things web
Mozilla Developer Roadshow is a meetup-style, Mozilla-focused event series for people who build the web. In 2017, the Roadshow reached more than 50 cities around the world sharing highlights of Mozilla and Firefox technologies. Now, we’re back! To open our 2019 series, Mozilla presents two events with VR visionary Nonny de la Peña and the Emblematic Group in Los Angeles and in New York.
-
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.
