Web designers, how do you view your layouts in a browser?

Question

User interface

Здравствуйте дизайнеры.
Такой вопрос - допустим я делаю макет сайта в photoashop'e, размеров в 960 px. и хочу посмотреть, как он будет выглядеть в браузере. Как мне это проще всего делать? Если использовать ctrl+shft+alt+s - то картинка отображается не по центру браузера, а слева, и это мне не очень нравится... Может есть какие-то удобные плагины для этих нужд...?

Answer 1

Do you want the image from Photoshop to be centered in the browser?
There were plugins for Photoshop, it seems even directly from Photoshop to the browser with a real-time update. Paid and cost too much.
1. Look at the link picture in Dropbox -> Marvel(Invision)
2. Make yourself an html-ku with preview.png in the center :)

Answer 2

You can install the pixel perfect extension for Chrome (I don’t know if there is one for Mozilla). Makers use them.

Answer 3

To avoid problems with image centering, for the layout, take the same resolution as your monitor. If the monitor is fullHD, then take a resolution of 1920px-17px (scrolling size). So the layout width should be 1903px. Then just save it as .png, open it in a browser and watch.
It will also help you understand how the site will look in the browser if the site has full-width blocks.