Normalize мешает верстать. Что делать?

Question

[Alexander Lamdan]

Normalize мешает верстать. Кто нибудь верстает с ним? Он вообще нужен в наше время когда уже нет необходимости в IE?

*{
  margin:0;
  padding:0;
}

Этот мой код не переписывает правила Normalize.
Даже когда написано вот так:

<link href="public/css/normalize.css" rel="stylesheet">
    <link href="public/css/style.css" rel="stylesheet">

Comments

[Денис Инешин]

*{
  margin:0;
  padding:0;
}

Зачем? По вашему это удобнее стало? Чем? Зачем убивать дефолтные значения у всего?

[Alexander Lamdan]

Денис Инешин, дело в том что я делаю главную страницу с полным на всю экран контентом, а normalize оказывается добавляет к каждому h1,h2,h3,h4 свой margin 0.67em и делает мне расстояние на экране и дико этим раздражает.
А так я убиваю чтобы я сам смог бы поставить те значения какие мне нужны.

[iBird Rose]

Alexander Lamdan, ну вот и ставь для своих h1,h2,h3,h4 эти стили. не нужно через * их ставить.
лучше всего оберни все свое творение в какую-то обертку и только внутри этой обертки обнуляй стили

[Ankhena]

Никто не мешает вам оставить в normalize только то, что вам нравится.
Или можете написать свои начальные стили.

Писать так:

*{
  margin:0;
  padding:0;
}

не очень разумно, потому что совсем не всем элементам нужен 0.

Ещё хуже сначала брать нормалайз, а потом перебивать его нулями, а еще потом задавать свои стили. И браузеру развлечение и вы тратите время на странное.

когда уже нет необходимости в IE?

Не во всех проектах можно отказаться от ИЕ, да и кроме ИЕ полно разных браузеров.

[Вадим]

Alexander Lamdan,
1)

Normalize мешает верстать. Что делать?

Не использовать Normilize.

2)

Кто нибудь верстает с ним?

Кто-то верстает. Кто-то нет. Какая Вам разница? Решайте задачи так как удобнее именно Вам.
А так, если смотреть по тенденции, то сейчас всё меньше и меньше ими пользуются.

3)

Он вообще нужен в наше время когда уже нет необходимости в IE?

Дело было не только в ИЕ.

4)

*{
margin:0;
padding:0;
}

Никогда так не делайте. Это очень плохо по ряду причин. Допустимо только для box-sizing, но и то нужно задавать его правильно.

Answer 1

[ildar-meyker]

Вы вольны использовать любой ресеттер css, какой вам может показаться удобным. Их великое множество. Нет нужды зацикливаться на одном. В зависимости от задач и выдвинутых клиентом условий можно делать выбор в пользу того или иного решения.

Использовать normalize.css нормально, если вам нравится его философия. Если вам кажется, что вы начинаете с ним бороться, наверное, лучше сделать другой выбор.

Answer 2

[Денис Инешин]

Давайте посмотрим на верстку профессионально.

1. Мы подключаем нормалайз для того, чтобы получить одинаковые дефолтные значения во всех браузера (десктопных и мобильных)
2. Теперь можно начинать верстать.

Но! В мире профессиональной разработки вы не можете писать стили вида:

h1 {
  margin: 0;
  font-size: 100px;
}

Если вы работаете в команде, такими стилями вы испоганите жизнь всем остальным да и себе в будущем.
По этому, профессионалы используют классы чтобы задавать стили только тем элементам, которым это нужно. Например используя концепцию BEM

.landing__title-main {
  margin: 0;
  font-size: 100px;
}

тем самым сохраняя дефолтные значения не тронутыми, упрощая поддержку и разработку в дальнейшем и делая верстку предсказуемой.

Answer 3

[Froggyweb]

нет, он помогает, хотя некоторые отключают и его и переписывают все в блоках. Типа Яндекса.

*{
  margin:0;
  padding:0;
}

это очень хреновый вариант Reset CSS