Mozilla’s newest release of Firefox, version 31, promises some interesting new features that can help developers design and build extensions.
Here are some of the key features that can help speed up UI design and make debugging easier:
UI Design Improvements
- CSS3 variables: You’re used to variables for coding, but now with support for CSS3 variables you can use them to enforce consistency and facilitate maintenance of your style sheets.
- Eyedropper Tool: If you, like many other developers, have resorted to installing an eyedropper add-on, you’ll be pleased to know that it’s now provided natively. Start using this neat feature today (Developer > Eyedropper).
- Box Model Enhancements: Firefox 30 introduced the new box model representation. With Firefox 31, you can edit the properties directly in the model and see the effects immediately.
- Error Messages with Stack Trace: Firefox 31 introduces console error logs that display a full stack trace, making console.error() a more useful debugging tool.
- Styling Messages: Firefox 31 is catching up with some of Chrome’s long standing features and this is one were particularly fond of. Using the “%c” format specifier, you can add style to you console messages.
- New JS Array Fill Method: Starting with Firefox 31, you can use the nifty fill() method to auto-fill array elements with a static value.
Of course, we at Crossrider have been working hard to ensure your existing extensions will continue to work on this latest release and are already preparing for the next.