Chrome - Lock Developer tools to the Right

I have been doing a fair bit of experimenting with JavaScript frameworks such as AngularJS, Bootstrap and JQueryUI. One of the tools I rely on is Chrome with the Developer Tools because, unlike Internet Explorer’s Developer Tools, the Chrome version can be docked to the right of the window.

This little feature makes it far easier to test responsive designs as the values can be viewed as the Developer Tools pane is expanded.

In order to dock the Developer Tools to the right, click and hold the docking icon until the option to dock to the right appears.

For other tips and tricks within Chrome I highly recommend http://devtoolsecrets.com/