Web-advices №1. Ruler, ScreenShots, Pixlr and Two Monitors.

Almost all developers have the problem that it is necessary to impose and measure dimensions in the design. So there is a solution to a family of Google Chrome - Page Ruler. It will help you quickly learn the dimensions for the layout . In addition , there are applications such as Full Page Screen Capture - for complete screenshots pages. Well, if you just cut something , then there is useful Nimbus Screenshot.

If something needs to be cut, otresayzit , it does not have to open the heavy programs that will hamper , just go to the website Pixlr - great Web analogue Photoshop .

Also, a little advice to implementors place them under the layout screenshot, here's a useful code:

    <! - Front-End ScreenShot Add ->
    <div class="" style="">
        <img class = "bg_tmp" src = "/ files / screenshot / image.jpg" style = "margin: auto; margin-left: 20px; margin-top:-1px; display: none;" / >
    </ div>
    <a class="close_bg_tmp btn btn-danger" style="position: fixed; top: 20px; right: 20px; cursor:pointer; color: white; padding: 5px; background: #1E9E4C"> IMG </ a>
    <script type="text/javascript">
            $ (function () {
                    $ (". close_bg_tmp"). on ('click', function () {
                            $ ('. bg_tmp'). toggle ();
                            $ ('. wrapper'). toggle ();
                    });
              });
    </ script>
    <! -------------------------------- >

And of course , use an additional monitor for laptop work Garazdo so pleasant.

Success in creating new and improving old .