Response Design tips: 2 simple Firefox Web development tools

Article Description: Firefox 15 new responsive design accessibility features.

Mozilla Firefox recently added 2 simple, but very useful, accessibility features to web Developer tools to reduce the workload of response design: providing interfaces for designing and writing web interfaces for multiple monitors, such as several dimensions, scales, and functions.

1. Responsive mode

The responsive mode provides a wide variety of common screen resolutions, and developers can simulate the performance of a Web page in different screens, either horizontally or vertically. Simply select "Responsive mode" in the Firefox menu and choose the screen size and orientation you want.


2. Quickly view element properties

When you view HTML elements, common dimensions and related properties, such as width, height, padding, border, and margin, appear in the lower area of the Styles panel. Click on the smallest part below to open it.


These tools should be the official feature of Firefox 15 at the beginning of September. If you want to try it, you can download the latest Firefox version first.