Jump to content

Еще одна тема про reset.css


advokatua
 Share

Recommended Posts

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

p {margin: 0 10px;} будет выглядеть одинаково в любом браузере, даже если предварительно и не написано p {margin: 0;}

Link to comment
Share on other sites

Я оооочень долго использовал сброс * {margin: 0; padding: 0;}, еще дольше использовал сброс Мейера. Так, что более чем в курсе их уязвимых мест...

А не потому ли ты отказался от них, потому что сегодня браузеры имеют значительно меньше тех проблем, которые были раньше из-за отсутствия сброса?

Edited by advokatua
Link to comment
Share on other sites

Мой подход, совершенно не вызывает проблем если придется (та ну нафиг), поддерживать IE6+ и старые хромы, фаерфоксы (да лаааадно, по сравнению с IE6, они идеальны)

Link to comment
Share on other sites

К примеру, http://caniuse.com/ http://vk.com http://kremlin.ru/ не используют сброс Мейера (вот же лошары).

А w3c обнуляют стили и что - теперь всем обнулять стили?) Это всего лишь удобный инструмент, не более.

Нет конечно, но это тема для отдельной дискуссии, в 10 часов вечера, на такое я уже не подписываюсь, простите меня

Ок, открою новую тему. Мне бы не хотелось писать несемантичный код, пихая списки куда не надо.

p {margin: 0 10px;} будет выглядеть одинаково в любом браузере, даже если предварительно и не написано p {margin: 0;}

Ну то тег p и конкретная реалзиация задания стиля. Это можно сказать вырванный из контекста кусок кода, когда проблему надо рассматривать в целом, если один элемент не имеет проблем, то это не означает. что другие не вызывают сложности. Например, те же списки.

Edited by Zverushka
Link to comment
Share on other sites

К примеру, http://caniuse.com/ http://vk.com http://kremlin.ru/ не используют сброс Мейера (вот же лошары).

А w3c обнуляют стили и что - теперь всем обнулять стили?) Это всего лишь удобный инструмент, не более.

Над дизайном W3C как раз таки работал Седерхольм, потому не удивительно, что там есть сброс. :rolleyes:

Link to comment
Share on other sites

Ну то тег p и конкретная реалзиация задания стиля. Это можно сказать вырванный из контекста кусок кода, когда проблему надо рассматривать в целом, если один элемент не имеет проблем, то это не означает. что другие не вызывают сложности. Например, те же списки.

Так и с остальными проблем не будет, если задать нужный стиль, то везде он отобразиться одинаково. Дефолтный тоже ничего не поломает, в отличие от каши, которую можно увидеть после ресета. Ресет не несет никакой особой пользы, а вред нанести может.

Ну и цитата самого Мейера

I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.
  • Like 2
Link to comment
Share on other sites

понимание почему не стоит использовать "ленивый резет":

* { ... }

приходит с опытом. спорить тут совершенно безполезно.

лет 5+ назад я тоже поднимал тут аналогичную тему и так же спорил :)

Link to comment
Share on other sites

Ресет не несет никакой особой пользы, а вред нанести может.

Не вижу какой вред может нанести. Польза огромна - упрощает написание кода.

Если где-то окажется, что стиль для элементов не определен, пользователь получит кашу вместо нормального, пусть и дефолтного отображения. Со вставкой контента из CMS не сталкивалась? :)

Link to comment
Share on other sites

Если где-то окажется, что стиль для элементов не определен

Так в чем проблема тут же определить, пока cms настраиваешь. натягиваешь?... Или что у каждого как попало отображаются элементы это нормально?

Link to comment
Share on other sites

Одно дело маленькие проекты, который сдал и забыл, другое дело — большие, над которым одновременно работает много людей, там необдуманная вставка дефолтного мейеровского reset.css или * {margin: 0; padding: 0;} может создать большие проблемы.

Link to comment
Share on other sites

Если это такая ерунда, как она тогда могла появится вообще? И почему Эрик Меер, который написал одно из лучших руководств по CSS, мог создать подобную вредную хрень от которой 50% народу тут шарахается?

Его идея была в создании универсального ресета, который бы потом приспособлялся индивидуально к нуждам каждого проекта, а не копировался как самодостаточный объект. Это подтверждает цитата приведенная sigma77:

Ну и цитата самого Мейера Цитата I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.

Продолжу её:

"In other words, this is a starting point, not a self-contained black box of no-touchiness."

  • Like 1
Link to comment
Share on other sites

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

А что, есть те кто воспринимает эти резеты буквально как готовый продукт, который не требует адаптации в различных условиях? :blink:

Я, вроде, нигде не писал про его подключение прямо из коробки на полноценном сайте.

Я его не переделываю только если делаю что-то для себя как пример, в таком случае переработка резета почти всегда займет больше времени, чем сама работа.

Edited by advokatua
  • Like 1
Link to comment
Share on other sites

Общественное мнение меня просто склоняет перейти на normilize.css, только меня просто вымораживает от мысли, что придеться по 6 и более раз на страице ul прописывать list-style:none, margin: 0; padding: 0; Создать мини-стиль .li-style-none, который будет обнулять стиль только для списков и подсоединять его к каждому списку, чтоли?

Edited by Zverushka
Link to comment
Share on other sites

правильно: обнулить там где надо

не правильно: обнулить и восстановить там где надо

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

понимаешь, любая совокупность однотипных блоков это, скажем так -- "семейство". Оно описывается один раз для всех, и если требуются коррективы в уникальном, то создается модификатор.

Вот тебе некоторый пример: http://goo.gl/2HnLWQ

он, правда, возможно, для тебя будет сложен, ибо написан на LESS.

тут в качесвте точки отсчета берется .block { ... }

изменяется он следующими модификаторами: .block-layered-navigation {}, .block-tags {}

в HTML:

<div class="block block-tags">

так вот, тебе ничто не мешает описать дочерние элементы семейства в тех местах где ты ожидаешь появление <ul>

Link to comment
Share on other sites

  • 1 month later...

Я перешла на нормалайз, как услышала, что из-за резета слетают стили админки битрекса.

Сразу почувствовала несколько плюсов - часто в готовую верстку просят что-то, то жирным выделить, то еще маленьким шрифтом, то еще что-то. Мне не нужно править стили - я просто вставляю (обычно) нужный тег - b итп и все, в том числе рабочий заголовок для всплывающего окна и подобные фишки.

Link to comment
Share on other sites

ну кто-нибудь уже скажет в чем вред reset)? именно убедительно и понятно, а не просто "ну это неправильно так делать"

Нету вреда, это вопрос религии :) грамотный ресет ничего не портит. Мне тоже обратного доказать никто не смог :) 

Link to comment
Share on other sites

теги выглядят по разному. И каково удивление людей вбивающих контент через визивиг или подобные редакторы  когда все теги выглядят одинаково. и сколько приходится писать css чтоб вернуть тегам первоначальный вид например чтоб ul выглядел  не нумерованным списком или ol нумерованным . А всего то надо не юзать reset не сбрасывать все стандартные стили тегов а просто сделать их вид одинаковый во всех браузерах собственно что и делает normalize. Верстальщики не понимают этого пока не сталкиваются с более менее большими проектами (30 и более страниц). Я сам пользовался рессетом пока не столкнулся с этой проблемой обнуления стилей на проекте который я делал более 1000 часов. Собственно после этого я и перестал юзать reset.

  • Like 1
Link to comment
Share on other sites

Начнём с того, что WYSIWYG - это вообще самое страшное зло, которое только можно вообразить.

 

Теперь продолжим: я считаю, что любой текст, который будут вбивать на сайт пользователи/менеджеры/админы и вообще кто угодно должен выглядеть так, как это задумал дизайнер. Если дизайнер задумал, что у <ul> вместо точек должны стоять стрелки, а текст в списках должен быть красным, то так оно и должно стать. За то, чтобы это было сделано красиво были уплачены определенные деньги, юзабилити сайта тестировалось, а то что какой-то галимый визивиг думает по-другому - проблемы визивига.

 

Я в общем занимаюсь тоже не маленькими сайтами и точно знаю о чем говорю. Все проблемы с отображением текста на сайте (или иных элементов) - это проблемы архитектуры сайта, а не ресета. Лично я никогда с ним проблем не испытывал.

Link to comment
Share on other sites

Теперь продолжим: я считаю, что любой текст, который будут вбивать на сайт пользователи/менеджеры/админы и вообще кто угодно должен выглядеть так, как это задумал дизайнер.

 

С одной стороны так, в теории.

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

Да и с большими проектами тоже самое. Ну не нарисовал дизайнер особый стиль для всех списков - но и обычные точечки, кругляшки - дизайн не испортят - будут выглядеть вполне терпимо и заказчика в 80% случаев они устроят, их не попросят адаптировать под дизайн. Так что резет может заставить в последующем делать лишнюю работу, а принцип сверстал и забыл - мне нравится больше), чем будут обращаться - ой - а я вставил жирный текст, а он не жирный в вашей верстке ...

 

По сути если ты обнуляешь стили, тебе их очень рекомендуется тут же переопределить на значения по умолчанию соотвественно твоему дизайну. А это достаточно ленивый процесс, которым не хочется заниматься. Поэтому проще взять уже набор кем-то определенных стилей в виде normilze.

Edited by Zverushka
Link to comment
Share on other sites

Начнём с того, что WYSIWYG - это вообще самое страшное зло, которое только можно вообразить.

 

Теперь продолжим: я считаю, что любой текст, который будут вбивать на сайт пользователи/менеджеры/админы и вообще кто угодно должен выглядеть так, как это задумал дизайнер.

дизайнер все не предусмотрит. Идеального мира не существует. Но с  стороны верстальщика нужно по максимум все предусмотреть и продумать. Насчет визивиг это зло да но он популярен и более менее удобный)

Link to comment
Share on other sites

Нету вреда, это вопрос религии грамотный ресет ничего не портит. Мне тоже обратного доказать никто не смог  

 

Это не вопрос религии, а вопрос здравого смысла. Я уже 100500 раз говорил, скажу ещее раз. Ресет это бесполезный кусок стилей. Объяснял это я тоже 100500 раз. Normalize, по сути тоже весьма бесполезен, но в нем хотя бы смысла заведомо больше заложено. Если именно сам Normalize адаптировать под конкретный проект, а не просто кидать как есть и потом все переопределять, то еще куда ни шло.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy