закрыть окно

Человек-Верстальщик

  • Артем

  • 1

  • 09 Feb 2017

Человек-Верстальщик

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

Ниже я приведу мой личный ТОП10 что меня бесит в верстальщиках.

1.Такой одинаковый и такой разный img 

Вообще как показывает моя практика,это проблема многих многих верстальщиков,потому что я подобное даже встречал в платных шаблонах с themeforest. В чем суть по моей версии если в контейнере присутствует тэг img, он обязательно должен быть обрамлен стилями указывающими   ширину и высоту.  Обычно этот баг я всегда исправляю сам. Но  если не заметить его то интересно как клиент угадает размер картинки? Ведь если он поставит любой другой размер она просто расплавется по экрану? 

2.Отсутствие любви к атрибуту data-* 

А вот этот пункт мне не понятен больше всего. Почему такая любовь прописывать к скриптам которые взаимодействуют через html тэги переменные внутри скрипта? Ладно было время когда не было атрибутов data и  если прописываешь через кастомный атрибут то валидатор выдавал ошибку. Ну сейчас то, времена изменились? 

3.Тэг body такой одинаковый и такой разный.

Есть верстка,допустим 20 страниц. И у каждой разный класс тэга body ну или айди . Прикол весь наступает тогда , когда этот класс ( или айди)  не укажешь то наступает пиздец и все рушится. Да понятное дело что можно ввести переменную и через неё передавать нужный айди или класс. Это решает проблему с моей точки зрения. Но если смотреть на это с точки зрения именно самой верстки это неправильно.

4. Button или a? Вот в чем вопрос.

С моей точки зрения существует два типа верстальщиков те кто принципиально пишут стили только для ссылок (тэг a) , и те кто стилизуют только для button(либо для input) .

5.Мир javascript 

Больше всего конечно меня умиляет когда смотришь верстку и видишь там ошибки.Но все работает и отображается правильно. Берется файл совмещается в нем все основные стили и все используемые js  скрипты. Смотришь,проверяешь  видишь есть ошибки в консоли. Исправляешь ошибки ,смотришь на визуальную сторону вопроса и видишь что корректно все отображаться как то перестало.И тут начинается чудесный мир javascript 

6.Такая любовь к id

Заметил особенность,когда верстальщик подключает плагины он почему то всегда использует в качестве селектора  id(речь идет про jquery плагины) У меня вопрос,зачем?  Так то суть в том что если это встречается в модальном окне,которое может быть вызвано в любом месте веб-сайта несколько раз подряд с разными аргументами, все соответственно перестает работать.  Прибавим еще сюда ситуацию если вдруг стили жестко привязаны к id элемента. То в итоге получим хаос.

7.input и js.

Вот видишь ты форму,видишь в ней input  который сделан в виде js плагина нажимаешь на плагин по идее должно появится значение в тэге input.Но этого не происходит, и  поэтому заметка для внимательных если вы пишите wrapper для поля какого-нибудь обязательно делайте запись и чтение из этого-поля.

Еще раз поясню вот это неправильно!

$("input.xrenvam").superplagin({val:"требуемое значение"});

А вот это правильно

<input class="xrenvam" value="требуемое значение" type="text" />

8.img в input:submit

Честно признаюсь эту особенность я видел всего лишь в одном проекте. Суть в том что для input:submit( или для button) прописывает фоновое изображение с текстом внутри. И соответственно меняя value текст не изменится.

9.Форма без формы.

Некоторые иногда умудряются сверстать форму так,что она не содержит тэга form .И если ты пытаешься её всунуть или поставить рядом,стили рушаться.

Эта штука тоже встречалась редко поэтому собственно находится тут.

10.Для каждой странице свой стиль.

Это наверное самый пиздец ,который я видел.

Для примера в одной из страниц подключены следующие css

Есть другая страница из этой же папки

Внимание вопрос,что будет если мы подключим  в одной странице следующие css:

css/font-aweasome.css

css/style-template.css

css/card-big.css

css/contract.css

А правильный ответ следующий:все нахрен поедет.

На этом впринципе все,буду слать этот пост заказчиком,когда они меня будут спрашивать про требования к верстке :)

Теги:js,html,jquery,верстка

Псс..... чувак, а записью поделится не хочешь?

Комментарии

  • Екатерина Egorova 09.02.2017 18:22

    ах, как ты прав))))

Чтобы оставить комментарий вам нужно авторизоваться!