Ошибки при верстке или за что ненавидят верстальщиков!
Сейчас я уже порядка 3-х лет в программировании и верстки не касался, кроме исправления каких-то ошибок, но мне постоянно приходится с ней работать, и грамотный верстальщик уже знает как нужно делать, а как не стоит городить.
В этом посте я хотел бы рассказать о том, что не стоит делать, а что очень облегчает работу программисту, возможно я приведу дальше не все примеры или ошибки, так как пишу пост из головы. Поехали!
Минимизированный css
Работая с многими верстальщиками, я уже узнал особенности каждого и что именно у того или иного нужно проверять. Верстальщик, который работает на потоке различных заказов может вам сдавать верстку с сжатым кодом, но когда вы доберетесь до натяжки ее, он уже может просто удалить данный проект. Уважаемые верстальщики, если вы желаете самостоятельно минимизировать стили, то прошу вас, отправляйте файлы вместе с расширенной версией.
Ссылки на сторонние ресурсы
Самый распространенный косяк верстальщиков, которые делают на скорую руку — это ссылки на библиотеки или дополнительные файлы с сторонних ресурсов. Не работая программистом или сеошником — вы никогда не узнаете почему это плохо, и по этому я каждому своему сотруднику это объясняю.
Причин тут на самом деле несколько:
- Ссылаясь на другой ресурс, вы отрезаете себе СЕО, но улучшаете его тому ресурсу, на который ссылаетесь.
- При загрузке сайта, скорость загрузки увеличивается, обращаясь к другому ресурсу, соответственно снижается скорость загрузки и страдает СЕО.
- Если ресурс закроется, на котором находилась нужная библиотека или переедет на другой домен — ваш сайт будет работать, мягко говоря — неправильно. Ни кто не застрахован от того, что bootstrap или jquery просто переедут, или их домен выкупят, потому что какой-то менеджер забыл по ошибке проплатить за него. А сайт, который вы делали — запущен уже 2 года как, и вы забыли уже про него. Вы не сразу поймете что что-то рухнуло, как и клиент, просто сильно начнет проседать сео и узнаете вы об этом только тогда, когда вашему клиенту кто-то это сообщит. Не очень приятная ситуация, когда вам позвонит клиент и будет орать в трубку, что его сайт не работает по вашей вине! Зачем допускать такие моменты, если сразу можно сделать и скачать нужные вам файлы, ведь свое — всегда лучше!
ALT and TITLE
Да, немогу назвать это ошибкой, но считаю что верстальщик, который стремиться стать профессионалом — обязан проставлять пустые alt и title. Это значительно облегчает работу программисту, при проставлении нужных переменных туда.
Адаптивность и кроссбраузерность
Как же часто, проверяя в Яндекс браузере или Egge я нахожу косяки или нерабочие js, потому что тот или иной браузер их не воспринимает, либо не закрывает глаза на ошибки js, на которые закрывает google chrome. Не ленитесь — делайте качественно и перед сдачей обязательно проверяйте везде, на всех юраузерах и разных расширениях, не забывайте о маленьких телефонах или перевернутом экране.
Табы и слайдеры
Не раз встречал от неопытных верстальщиков такой момент, что на клик по табу верстальщик написал js на его id, присвоил каждому свой id и не учел что табов или слайдов может быть больше или меньше, написал так, что бы работало при проверке и все. А написать унифицированное решение не хватило мозгов, или не было желания подумать немножко. Конечно же такая часть работы идет на свалку и нам приходиться самостоятельно переписывать данную часть полностью.
Структурирование объектов
Бывает приходит верстка, которая ну просто в ужасном состоянии, нет иерархии, не видно вложенности и просто беспорядок. С такой версткой просто нет желания работать! Прошу вас, верстальщики, задумайтесь о том, что вы делаете для людей и после вас с этим кодом еще нужно работать программисту.
Дублирование объектов для адаптации
Оу, ну это самое интересное, что можно встретить у новичков. Мне попадалось дублирование много раз. Что же это такое? Дублирование — это когда верстальщик не смог реализовать перестроение на мобильную версию и просто сделал 2 варианта, которые он включает или отключает через @media через css. Выглядит все красиво, но пока не заглянул в код. Обращаюсь к тем, кто этим злоупотребляет — если вы думаете что это будет не замечено, поверьте, это 1000% будет видно! Чаще всего это делают на ПК меню и мобильном меню.
Это основные моменты, которые я сейчас смог вспомнить, конечно же есть еще детали и нюансы, которые вы можете дописать в комментарии к данному посту. Расскажите о косяках, которые встречали вы, мне будет интересно почитать.