В веб-дизайне существует понятие верстки пиксель-в-пиксель (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-макетом.
Такой подход экономит нервы и постоянные переключения окон 🙂
Опубликовано
Подробнее