Частые ошибки верстальщиков Это болезнь?

@Sanya2019 · Регистрация: 15.03.2019

Студворк — интернет-сервис помощи студентам

Всем привет!
Я работаю с верстальщиками уже довольно долго. И замечаю, что каждый, кто приходит ко мне, допускает одну и ту же ошибку. Смысл ошибки в том, что каждый при верстке сайта дублирует классы.

Есть например.
Сайты обычно состоят из каркаса:
Хидер
Контекстная часть и футер

Так вот, в контекстной части мы, например, должны определить расстояние каких-то свойств и т.д. А затем в этом уже классе писать другие классы и далее использовать класс обертки во всех страницах. Так нет же, они все поголовно на каждую из страниц создают одноименный класс (с именем страницы) но стили в них одни и те же. Почему бы не создать просто класс page и все и использовать его во всех страницах? На этот вопрос мне отвечают - меня так учили. ЧТО? учили делать не правильно?

Я один раз попробовал оптимизировать их HTML и CSS у меня в место 300 строк CSS получилось 180 при этом код HTML стал читаемым и красивым, сайт не потерял своего вида. но вес страниц и CSS уменьшился. Это болезнь?

Вот пример:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- Вырезка из страницы Доставка  -->
 
<section class="delivery">
    <div class="wrapper">
        <div class="delivery__container">
            <div class="delivery__container__left">
 
<!-- А вот вырезка из страницы оплата -->
 
<section class="payment">
    <div class="wrapper">
        <div class="payment__container">
            <div class="payment__container__left">

Заходишь в стили и видишь картину - для каждого из данных классов стили одинаковые. Зачем такое делать?
Возможно кто-то скажет, что для того что бы была уникальность, чтобы можно было где то заюзать JS. Ок, в чем проблема добавить не стилизованное имя класса специально для JS?

@Flexinas · 15.02.2020, 19:39

Сообщение от Sanya2019

Поделитесь мыслями. может я зря ругаю своих сотрудников и учу их делать так как я на это смотрю?

Погодите разметка то останется той же! Стили то одинаковые зачем их плодить то? Я говорю о том, когда, скажем, работаем со smarty. Либо на сайтах где в принципе каркас сайта везде одинаковый отличается только контентом

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

@Sanya2019 · 02.03.2020, 21:09 **[ТС]**

Добрый вечер выкладывайте я посмотрю! Но я программист больше чем верстальщик

Новые блоги и статьи Все статьи Все блоги /
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .

@Sanya2019 4 / 4 / 1 Регистрация: 15.03.2019 Сообщений: 676
	02.03.2020, 21:09 [ТС]
	Добрый вечер выкладывайте я посмотрю! Но я программист больше чем верстальщик 0