Add-ons
To try the thousands of add-ons available here, download Mozilla Firefox, a fast, free way to surf the Web!
CloseWelcome to Firefox Add-ons.
Choose from thousands of extra features and styles to make Firefox your own.
Close
FireBreak 1.4.1-signed.1-signed Requires Restart
by Filip Johansson
The easiest way to find the break points in your responsive designs.
This add-on is not compatible with your version of Firefox because of the following:
About this Add-on
Are you still struggling when trying to find the break points of your responsive web designs? Are you going insane because you just can't find that exact pixel where your design breaks? Don't! Just install FireBreak and you will find those break points in no time!
How to use?
Alt + Left Arrow: Decrease the width of the window by 1px
Alt + Right Arrow: Increase the width of the window by 1px
Alt + Up Arrow: Decrease the height of the window by 1px
Alt + Down Arrow: Increase the height of the window by 1px
(Add Shift to any of the combinations to change it by 10px)
When you find your break point the tiny icon in the toolbar will tell you the exact size of you browser window.
Where do I find the toolbar icon?
Right click on the toolbar and pick "Customize..." in the drop down. Drag and drop the FireBreak icon in the toolbar.
How to use?
Alt + Left Arrow: Decrease the width of the window by 1px
Alt + Right Arrow: Increase the width of the window by 1px
Alt + Up Arrow: Decrease the height of the window by 1px
Alt + Down Arrow: Increase the height of the window by 1px
(Add Shift to any of the combinations to change it by 10px)
When you find your break point the tiny icon in the toolbar will tell you the exact size of you browser window.
Where do I find the toolbar icon?
Right click on the toolbar and pick "Customize..." in the drop down. Drag and drop the FireBreak icon in the toolbar.
