Ошибки начинающих при верстке сайтов на HTML и CSS

В этом видео разберем частые ошибки, которые делают начинающие верстальщики при верстке сайта на HTML и CSS. Разберем ошибки на практике и поделюсь своими советами.

Главы видео:
00:00 - 00:00:19 - Введение
00:00:19 - Семантика
00:01:23 - margin/padding
00:04:55 - Фиксированная высота
00:06:49 - Межстрочный отступ
00:08:15 - Адаптивные изображения
00:09:53 - Логика блоков и элементов
00:12:28 - Работа с элементами форм
00:13:59 - Верстка textarea
00:15:45 - Стилизация :focus
00:17:33 - Оптимизация селекторов
00:19:25 - Стили на разных тегах
00:20:59 - Элементов может быть больше
00:22:29 - Декоративные элементы


// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.



// Соц. сети =================


#верстка #версткасайта #html #css

[alexr]

Одно из самых полезных видео по вертске! Опыт, о котором не всегда прочтешь в статьях

[SeoquickUa]

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

[maximvoloshin]

Много полезных мыслей, особенно про динамику контента. Одно печалит - слово «правильно». Ведь нет никакого «правильно» ни в вёрстке, ни в жизни. Есть «выгодно, потому что...». Семантика выгодна для людей с ограниченными возможностями и для роботов. Обёрточные блоки выгодны, когда есть возможность уменьшить объём кода. И padding можно применить к абзацу, если это выгодно по какой-либо причине. Думаю, стоит учить новое поколение разработчиков слову «баланс», а «правильно» не применять вовсе.

[BrainsCloud]

Лови новый видос! Как твое лето? Загорел?

[progerlife]

Кросс) Посмотрел ради удовольствия)Так как с версткой знаком)Спасибо и лайк))

[klirmio]

1) 0:20 - Семантика
2) 1:23 - margin/padding
3) 4:55 - Фиксированная высота
4) 6:49 - Межстрочный отступ
5) 8:15 - Адаптация изображений
6) 9:53 - Логика блоков
7) 12:26 - Шрифты элементов форм
8) 13:59 - Ресайз текстового поля
9) 15:45 - Стилизация состояния фокуса
10) 17:33 - Оптимизация селекторов
11) 19:25 - Кнопки
12) 20:59 - Элементов может быть больше
13) 22:28 - Декоративные элементы

[bestlife]

Спасибо ! Хотелось бы чтобы это была рубрика и чаще выходила в люди . Этот формат полезный.

[danil_litvinov]

Спасибо огромное! Отличная манера подачи материала, посмотрел пока всего три твоих видео, но многие вещи которые не до конца понимал прояснились! Творческих успехов тебе! Буду дальше смотреть, подписался! Ещё раз спасибо!

[ukvqoug]

отличная скорость подачи материала и даёт четкое понятие, что ожидает тебя по ту сторону учёбы) спасибо, подписка с первого видео, ну и лайк конечно же

[PavelM]

Не ошибки, а прям урок! )) Спасибо, много полезного )

[pigoso]

Самый классный канал для начинающих.Столько полезной информации, такая ясная и четкая подача, приятный спокойный голос, именно спокойный, а не скучно-монотонный.👍🔥🤩🌟

[guska]

Спасибо, что делаешь полезный контент для нас!

[chejkokqwerty]

Доходчивый и познавательный контет вот, что мне нравится во всех ваших уроках, спасибо Дмитрий!

[stammeqt]

Спасибо Дмитрий за такие нюансы. Ты избавил меня от лишних подзатыльников 😂

[SIPIKEXE]

Очень зачетное видео, приятно смотреть и слушать, отличная подача, затронуты реально самые распространенные ошибки(недочеты)... 👍

[eheheyeah]

Некоторое и не осознаешь по неопытности как ошибки, большое спасибо!

[meshikime]

Отличный контент, отдельное спасибо за "верстку сайта с нуля". Намного интереснее учить делая что-то, а что не понял шарить на мдн. Респект автору.

[arthurosipov]

Спасибо большое за качественную подачу материала. Подчерпнул для себя интересные приемы)

[overlord]

Огромное спасибо вам за ваш труд. И то что делитесь практическими знаниями.Все очень понятно и доступно. ))

[jnwjckn]

Все пригодилось, часто допускаю такие ошибки.