🔥 Интенсив Wordpress Мастер стартует 19 августа - tpverstak.ru/wordpress-master/ Напиши кодовое слово "мастер" в группу ВК vk.com/frontendblok и получи 10% скидки на интенсив и другие огненные бонусы.

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

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

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

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

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

Ты молодец, без воды и по делу

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

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

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

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

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

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

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

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

Благодарю Вас за видео.

Как поставить два лайка? Анна, умничка! Спасибо.

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

Очень полезно. Спасибо.

Спасибо за очень интересное видео!

Спасибо за науку, будем учитывать.

Спасибо Вам Анна, очень понятно обьясняете!

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

Супер, спасибо!

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

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

Супер! Умничка)

Спасибо, Аня. )

Божественные таймкоды)

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

Полезные вещи есть, спасибо

Спасибо Анна, однозначный палец вверх.

Отличное видео и очень интересная ведущая, мне нравится ;)

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

Молодец, все по делу.

Спасибо полезно

Привет Анна,подскажи пожалуйста как сделать адаптив под разные мониторы,вот у меня весь контент заключен в блок под мой монитор 1920 × 1080,когда в incperct ставлю 1366x768 то остается только 1/3 часть увеличенная,как сделать чтобы он адаптировался под все мониторы ?спасибо)

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

спасибо. но для новичка (лично меня) тяжеловато для понимания, еще не все пройдено, но хочется заранее "подстелить соломки", поэтому неплохо бы было сделать все правила с наглядными примерами.

Да уж, не ожидала , но ролик оказался полезным для меня.У меня имеется одна ошибка, озвученная в данном видео. Буду искоренять.

Привет! Подскажи как проверять php файлы на валидацию, используем на работе ninjucks

Спасибо за видео. Можно ли использовать флекс для вертикального центрирования текста в кнопке? На сколько это правильно?

Спасибо ты лучшая

спасибо за нужную информацию)

Глаза ух))). Остальное всё по делу. Спасибо

Я не допускаю ошибок в верстке, но мне тоже интересно

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

Анна, добрый день. Хотел поинтересоваться ведете ли вы индивидуальные курсы, если да, то сможете ли прочитать курс по предложенной мной программе? Цель выучить определенные темы быстро. Если вам интересно, то как можно с вами связаться?

Красатоша!! Лайк и подписка)

Подписка! 👍

Здравствуй,скажи пожалуйста,как правильно расставлять объекты при верстке (с помощью position: absolute и position:relative или как-либо по-другому) Насколько я знаю при распределении объектов с помощью position,верстка будет ломаться при просмотре на меньших экранах,т.к при абсолютном позиционировании объект вырывается из кода и не масштабируется при изменении размера экрана.Буду очень благодарен за ответ!)

Подскажите пожалуйста, а что делать если я хочу от блока до блока установить margin. то есть расстояние на котором они будут находиться. Учитывая что первый объект это квадрат (ширина, высота) а второй это ul (список) и между объектом получается расстояние 60px до первого пикселя у слова в ul. Но ul уже имеет свою высоту. Как узнать или убрать margin-top и margin-bottom в списках? Дайте пожалуйста совет(

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

Ну.... начало было простецкое.... Но потом стало интересно. :)

Любопытный жест при перечислении в самом начале😇 Часто бываешь в Европе?

Спасибо,

Вопрос можно научитьсч ко всем htmlcssjsphp front ?

Четко

Я новичок, не знал про существование такой вещи как валидатор) Только что взял и проверил свой последний проект и он оказался без ошибок! УХАХАХ, Я ПОРАБОЩУ МИР!) PS. Дико угарел с пункта №1)

Походу я смотрю Вас больше потому что ваша внешность привлекательна.😂🔥❤️

Здравствуйте, а какое приложение вы используете при верстке для открытия psd макета?

Очень поверхностно. Многие правила не раскрыты. Плюс что с глазами? ОоООоо

Всё уже освоил и на всём набил шишки, только про использовании кириллицы в псевдоэлементах впервые узнал Оо

Глаза очень красивые )))

Хороший и очень полезный урок! Хотя в вёрстке я ошибок не допускаю.

Анна, спасибо большое за полезную информацию. Хочу только посоветовать вам , без всякой критики и пафоса, - заняться правильным произношением в английском языке. Я слышу, что вы стараетесь правильно произносить, но многие слова говорите не совсем верно, взяв, например, тот же margin ['mɑ:ʤɪn]. Я считаю, что лучше указать человеку на небольшой огрех и таким образом помочь ему, чем промолчать и делать вид, что так и надо. Удачи вам!)

Что за прога для редактирования кода используемая вами на фоне?

Насчет object-fit:cover непонятно почему именно это значение свойства надо использовать.

Документ h1.зелёный { color: green; } Нет транслитерации

spisok-huisok - сильный нейминг, но делать я так конечно же не буду.

2:14 жиза 🤣🤣🤣

Красивые глаза)

Будут ли ещё такие курсы? Так хочу научиться профессионально верстать 😢

Ох эти ваши глаза 🔥

Не могу понять это линзы или родной цвет радужки?

По поводу ссылки и заголовка. Валидно и правильно обернуть h1 в ссылку. Может менее красиво, но ничего неправильного в этом нет. Тег a транспарентен.

Аня, только обратил внимание... Ты носишь линзы? Уже испортила зрение?

Правило 17.. А лучше ..))

Э-эх.. Верстальщики верстают. А оптимизаторы потом перевёрстывают. Это особенно касается вложенных друг в друга ссылок и заголовков. Да и для некоторых блоков запрет на индексацию делать нада.

Спасибо за контент. Глаза стеклянные. Девочка красивая

Вот бы найти хорошее видео с ответом на вопрос : как центрировать различные объекты при верстке

Правило №18 не совсем понял, спасибо!

Не понял, почему обязательно нужно оборачивать в див и делать ему марджины.

Это линзы?

Полезно для начинающих. Но что то настолько серьезное лицо и голос, что я весь ролик ждал подвоха. Как будто где то накосячил.

0:23 какие ошибки не стоит делать начинающим верстальщикам, а если ты уже не начинающий, то тебе можно?)

Ты похожа на логотип Старбакс))

У вас глаза ахренительные!

Как называется редактор которым вы пользуетесь?

Нууууу я хоть и не начинающий, но на валидаторе не проверяю, а так по всем пунктам соответствую)

Хотел бы еще добавить что не стоит называть блоки привязываясь к дизайну макета а лучше делать более гибкие семантические названия исходя из функционала блока, то есть не section-slider-advanted или section-gallery-portfolio а просто slider или gallery или grid-gallery потому что сегодня вы используете слайдер для преимуществ или отзывов а завтра захотите еще где то его втулить

Почему заголовок Н1 рекомендуется иметь только один на странице ?

Ещё одна типичная ошибка новичков. Сразу ищут работу после hello world

То-есть мне не стоит куда попало совать тег , и использовать !?

Некоторые ошибки из этого списка принебрегают и опытные специалисты когда сроки поджимают))

Здравствуйте. Почему картинку нельзя , запихнуть внутрь ссылки???

впервые слышу про CSS-валидатор)

Подключил normalize думал скинет марджины и паддинги везде, чтобы руками не сбрасывать, но он зачем-то добавляет отступы для h1, которые только мешают

if (вы оказались на лыжах без колес на асфальте) { значит с вашим внутренним календарём что-то не так; }

А где стримы по разбор работ ?