ТОП 20 типичных ошибок верстальщиков при верстке сайтов

🔥 Марафон «Основы веб-разработки»
Участие бесплатное, но необходимо зарегистрироваться:

Из этого видео ты узнаешь о ТОП-20 ошибках, которые делают верстальщики. Обязательно посмотри видео, чтобы не совершать их.

Таймкоды:
00:00 Вступление
00:36 Реклама интенсива
01:54 Правило 1
02:18 Правило 2
02:35 Правило 3
03:18 Правило 4
03:42 Правило 5
04:56 Правило 6
05:30 Правило 7
05:49 Правило 8
06:22 Правило 9
06:47 Правило 10
06:59 Правило 11
07:22 Правило 12
07:46 Правило 13
07:59 Правило 14
08:17 Правило 15
08:56 Правило 16
09:14 Правило 17
09:29 Правило 18
10:14 Правило 19
10:29 Правило 20
10:57 Итоги

[AlexKhaizeman]

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

Список правил, которые мне показались наиболее интересными:

3 — строчные элементы внутри блочных
5, 7 — тестируйте верстку
8 — не центрируйте тексты паддингами. Ни горизонтально, ни вертикально.
9 — padding vs margin — в чем разница
11 — аккуратно. Согласовывать с дизайнером.
12 — cursor: pointer. да ладно.
15 — нормальные ссылки. Особенно в комбинации с 8 хорошее правило
18 — не бойтесь делать дополнительные обертки, когда это необходимо, особенно хорошо в комбинации с правилом 9.

[andrewyatsenko]

Чёт со spisok-huisok в голос проорал. blyaaa

[Денис-ььг]

В тег <a> можно можно вставлять блочные элементы, это тэг исключение, можно проверить в валидаторе или почитать на w3 org

[rmdg]

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

[andreykarolik]

Спасибо за видео, а то сперва увидел (перебирая от старых видео к новым) те самые стримы и обошел их стороной именно из-за их продолжительности. И как оказалось, не зря :)

[ЕваКорчук]

видно, что вы хорошо разбираетесь в этой теме, было интересно

[nairi_ogan]

Полезный урок для начинающих. Хорошо, что есть люди которые делают такой контент:)

[tgfilmoweek]

Видимо я прошел через все ошибки и все эти ошибки для меня очевидны (я рад)

[tamarastepanova]

Анна умничка, сконцентрировала внимание на ошибках, а это важно

[iDontFinDaFreeName]

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

[divergentecommento]

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

[DenisCyberpunk]

Хороший у вас образовательный канал, а главное коротко и просто изложена подача информации

[tolasnisar]

Все доходчиво и понятно росказано, спасибо вам.

[ЛевАронов]

Спасибо за ролик)
У тебя очень красивые голубые глаза😄😍😍

[pashkes]

Ура, я соблюдаю все эти правила 🤗
Забыли за accessibility и диватоз

[alex_morano]

Чётко и ясно! Люблю когда английский звучит как английский))))

[sergeymikov]

Хочу поправить насчет пункта №3. Ссылки в HTML5 имеют сквозную модель, поэтому могут содержать хоть потоковые, хоть фразовые теги (понятия строчных и блочных тегов в HTML5 нет). Поэтому в ссылку можно обернуть все что угодно, хоть целую карточку товаров, за исключением других интерактивных элементов (аудио, видео, кнопок, других ссылок и т.д.). Это будет валидно и корректно

[nefedov]

!Правило 21 проверяйте сайт в, internet explorer .

[Жизнь-яъ]

Анна, что за редактор ты используешь в ролике?)

[ВячеславМалышев-вг]

Весьма интересно и достаточно насыщенно! Заметен опыт)