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.