Какой подход лучше при pixel perfect?

Question

[Полянский Александр]

Здравствуйте, я только начинаю верстать пиксель в пиксель. И сразу возник вопрос - какой подход лучше: пытаться подогнать элементы под макет padding - ами и margin - ами или сверстать как есть и уже потом править элементы используя position?

Answer 1

[Ivan Stroykin]

хм....все зависит от ситуации.
то что легко подгоняется

padding - ами и margin - ами

подгоняете ими, а остальное с помощью position

К примеру, вот это версталось с помощью pixel perfect.
p.s. 1 - это с помощью padding и margin, 2 - при помощи position

Старайтесь использовать position как можно реже. Только в самых необходимых случаях (я про absolute, fixed)

Comments

[Полянский Александр]

а relative можно использовать спокойно?

[Ivan Stroykin]

Полянский Александр: да, но он нужен по сути только в 2-х случаях (если ничего не забыл):
1) Для того, чтобы позиционировать другой "объект" внутри родительского (родителю дают position: relative; а дочернему position: absolute;).
2) Чтобы увести "объект" туда, куда не позволяет его увести ни padding ни margin

[Полянский Александр]

Спасибо, это то что нужно)

Answer 2

[Юрий Кучеренко]

Лучший подход - бежать от pixel perfect

Comments

[Полянский Александр]

Я бы с радостью, но pixel perfect - не моя прихоть

[Юрий Кучеренко]

Полянский Александр: можешь перефразировать на - "Лучший подход - бежать от заказчика который требует pixel perfect"

[webrapist]

Юрий Кучеренко: почему?

[sim3x]

swibong: потому что настоящий пп нужно делать на сотне девайсов, а жизнь слишком коротка

[webrapist]

sim3x: я Вас понял. Спасибо.

[Юрий Кучеренко]

swibong: Это большущая попаболь которая не стоит никаких денег

Answer 3

[Василь Бойко]

расскажу как я верстаю pixel-perfect. скажу сразу, я верстаю КАЖДЫЙ проект пиксель-в-пиксель.
Для меня это намного быстрее, чем просто верстать "как попало"
1) открываю макет.
2) зажимаю ctrl+shift+alt+s, сохраняю.
3) ставлю для body{background: url(../images/proba.png) center top no-repeat;}
4) и всё, лайфхак как на меня.
время верстки сокращается в разы

Comments

[Никита]

А заказы берёте?

[Василь Бойко]

Никита: Да, беру:)