Pixel perfect верстка. Кроссбраузерный плагин

Pixel perfect верстка. Кроссбраузерный плагин

От автора: друзья, приветствую! Наверное, многие слышали термин pixel perfect верстка. Pixel perfect верстка — это верстка, при которой итоговая html страница и исходный PSD макет полностью, до каждого пикселя, совпадают. Если с самим термином все понятно, то с вопросом «Как реализовать попиксельную верстку?» или «Как сравнить верстку и исходный макет?» могут возникнуть сложности. В данном уроке мы рассмотрим плагин, который позволяет быстро и удобно делать попиксельную верстку.

автор

Автор: Андрей Бернацкий

Один из авторов проекта «Основы Самостоятельного Сайтостроения».

Кроме этого, использование плагина позволяет не только делать верстку пиксель в пиксель. Благодаря плагину верстка делается быстрее, а сам процесс становится более удобным, потому что не нужно постоянно переключаться между макетом PSD и браузером. Верстка получается более качественной. Подробности установки и настройки плагина смотрите в видео ниже.

скачать исходникискачать урок

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Денис

    Если я верстаю макета на ноутбуке, разрешение 1366px, а макет 1600px. Как быть в такой ситуации? Сохранить просто макет в JPG c разрешением 1366?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree