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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо,

Подписка! 👍

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

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

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

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

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

2:14 жиза 🤣🤣🤣

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

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

Четко

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

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

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

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

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

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

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

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

Это линзы?

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

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

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

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

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

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

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

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

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

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

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

Начало 1:54

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

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

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

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

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

Привет Анна, может подскажешь хороший бесплатный курс по созданию сайта на html и css для начинающих, что бы отработать именно css ?

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

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

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

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

Wait a second, so why do I see the title and the description are in English but the video itself in whatever language it is? 🙄

Актуально, понятно, типично) Жаль только ни одна ссылочка у меня сверху не появилась. Подробный нейминг CSS классов есть на гитхабе github.com/yoksel/common-words

Анна inline Блок