Ошибки при верстке или за что ненавидят верстальщиков!

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

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

Минимизированный css

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

Ссылки на сторонние ресурсы

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

Причин тут на самом деле несколько:

  1. Ссылаясь на другой ресурс, вы отрезаете себе СЕО, но улучшаете его тому ресурсу, на который ссылаетесь.
  2. При загрузке сайта, скорость загрузки увеличивается, обращаясь к другому ресурсу, соответственно снижается скорость загрузки и страдает СЕО.
  3. Если ресурс закроется, на котором находилась нужная библиотека или переедет на другой домен — ваш сайт будет работать, мягко говоря — неправильно. Ни кто не застрахован от того, что bootstrap или jquery просто переедут, или их домен выкупят, потому что какой-то менеджер забыл по ошибке проплатить за него. А сайт, который вы делали — запущен уже 2 года как, и вы забыли уже про него. Вы не сразу поймете что что-то рухнуло, как и клиент, просто сильно начнет проседать сео и узнаете вы об этом только тогда, когда вашему клиенту кто-то это сообщит. Не очень приятная ситуация, когда вам позвонит клиент и будет орать в трубку, что его сайт не работает по вашей вине! Зачем допускать такие моменты, если сразу можно сделать и скачать нужные вам файлы, ведь свое — всегда лучше!

ALT and TITLE

Да, немогу назвать это ошибкой, но считаю что верстальщик, который стремиться стать профессионалом — обязан проставлять пустые alt и title. Это значительно облегчает работу программисту, при проставлении нужных переменных туда.

Адаптивность и кроссбраузерность

Как же часто, проверяя в Яндекс браузере или Egge я нахожу косяки или нерабочие js, потому что тот или иной браузер их не воспринимает, либо не закрывает глаза на ошибки js, на которые закрывает google chrome. Не ленитесь — делайте качественно и перед сдачей обязательно проверяйте везде, на всех юраузерах и разных расширениях, не забывайте о маленьких телефонах или перевернутом экране.

Табы и слайдеры

Не раз встречал от неопытных верстальщиков такой момент, что на клик по табу верстальщик написал js на его id, присвоил каждому свой id и не учел что табов или слайдов может быть больше или меньше, написал так, что бы работало при проверке и все. А написать унифицированное решение не хватило мозгов, или не было желания подумать немножко. Конечно же такая часть работы идет на свалку и нам приходиться самостоятельно переписывать данную часть полностью.

Структурирование объектов

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

Дублирование объектов для адаптации

Оу, ну это самое интересное, что можно встретить у новичков. Мне попадалось дублирование много раз. Что же это такое? Дублирование — это когда верстальщик не смог реализовать перестроение на мобильную версию и просто сделал 2 варианта, которые он включает или отключает через @media через css. Выглядит все красиво, но пока не заглянул в код. Обращаюсь к тем, кто этим злоупотребляет — если вы думаете что это будет не замечено, поверьте, это 1000% будет видно! Чаще всего это делают на ПК меню и мобильном меню.

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

11
Начать дискуссию
Apple представила iPad Air с чипом M3 и базовый iPad с чипом A16

А также обновлённую клавиатуру Magic Keyboard с трекпадом для iPad Air.

Источник здесь и далее — Apple 
88
11
реклама
разместить
Nothing представила Phone (3a) и (3a) Pro с тремя основными камерами и встроенными функциями ИИ

Цены на устройства — меньше $500.

Источник здесь и далее: Nothing
99
55
44
11
Это настоящий УБИЙЦА АЙФОНА
Технический анализ цены биткоина (BTC)

На прошлой неделе цена биткоина показала снижение, после новостей о том, что Дональд Трамп планирует ввести пошлины на импорт товаров из Канады и Мексики с 4 марта, а также удвоить 10%-ную пошлину на импорт из Китая. Из ETF на биткоин было выведено почти $2,5 млрд средств за неделю. Также конгрессу США был представлен законопроект, который запретит…

33
США начали обсуждать план по смягчению санкций против России — Reuters

Госдеп и Минфин готовят предложение по снятию санкций с отдельных юрлиц и физлиц. С кого именно — неизвестно.

3535
1515
22
22
22
11
11
11
На переговоры с трампом нужно посылать не чиновников, а специалистов, которые разводят пенсионеров и ветироанов на миллионы рублей. Они американского деда так опрокинут, что он даже ничего не поймет, выполнит все условия и еще аляску взад подарит.
Правительство не продлило мораторий на выездные налоговые проверки ИТ-компаний

Его действие завершилось 3 марта 2025 года.

Фото РБК
1010
99
11
Visa и Mastercard: камбэк в Россию. Надежды, реальность и альтернативы.
Visa и Mastercard: камбэк в Россию. Надежды, реальность и альтернативы.

Недавно российское сообщество всколыхнула новость о том, что якобы Visa и Mastercard вернутся в Россию. Вы же помните те времена, карты этих платежных систем, выпущенные российскими банками, без проблем работали за рубежом. Увы, сейчас они котируются только в пределах родной страны. Так есть ли шанс, что международные платежные системы вернутся в Р…

1313
77
55
Чем закончилась акция «Яблочный Джем. All inclusive» от партнерки Pampadu

С 1 октября по 31 декабря 2024 года в Pampadu проходила акция «Яблочный джем. All inclusive». 28 февраля мы подвели итоги и в прямом эфире разыграли призы: путешествие на Мальдивы, различную технику Apple и Sony PlayStation. В общей сложности в акции было 10 призов для 10 победителей.

Чем закончилась акция «Яблочный Джем. All inclusive» от партнерки Pampadu
44
Тайваньская TSMC инвестирует $100 млрд для строительства заводов по производству чипов в США

Общие инвестиции компании в Соединённые Штаты составят $165 млрд.

55
44
22
11
Новости инвестиций в России: - Сбер забрал Нетологию за долги - Фонд инвестировал $3m на излечение от деменции - Инвестор потратит $1м чтобы построить космическую станцию на Луне
[]