Восстановление пароля
Digital-Outsourcing > Блог > Web-советы №1. Линейка, Скриншоты, Pixlr и два монитора.
Почти у всех разработчиков есть проблема, что надо верстать и измерять размеры в дизайне. Так вот есть решение, это линейка в Google Chrome - Page Ruler. Она поможет быстро узнавать размеры для верстки. Кроме того, есть такие приложения как Full Page Screen Capture - для полных скриншотов страниц. Ну а если надо просто вырезать что-то, то тут пригодится Nimbus Screenshot.
Если же надо что-то вырезать, отресайзить, то вовсе необязательно открывать тяжелые программы, которые будут тормозить, достаточно зайти на сайт Pixlr - отличный Веб-аналог фотошопа.
Кроме того, маленький совет разработчикам: подкладывайте под верстку скриншот, вот полезный код:
<!-- 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>
<!-------------------------------->
Ну и конечно же, используйте дополнительный монитор для ноутбука так работать ГАРАЗДО приятней.
Успехов в создании нового и улучшении старого.