В веб-дизайне существует понятие верстки пиксель-в-пиксель (pixel perfect) – это когда требуется точная верстка сайта из макета psd.

Хотел бы поделиться одним замечательным сниппетом найденным на DesignerNews.

.element {
    background: url("/images/about.png") no-repeat scroll 0 0 transparent;
    height: 1010px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 1280px;
    z-index: 9999;
}

Суть заключается в том, что мы накладываем наш PSD-макет поверх веб-элементов и таким образом, имеем возможность верстать под макетом и сверять результат HTML-разметки с PSD-макетом.

Такой подход экономит нервы и постоянные переключения окон 🙂

Опубликовано

Похожие записи

Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo