Тёмный

Why do we need headlines - HTML Shorts 

HTML Academy
Подписаться 31 тыс.
Просмотров 31 тыс.
50% 1

- Course «Markup of the text» - htmlacademy.ru...
- The h1-h6 elements - w3c.github.io/...
- Common idioms - w3c.github.io/...
- Hiding DOM elements - allyjs.io/tuto...

Опубликовано:

 

23 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 90   
@HTMLAcademyTV
@HTMLAcademyTV 4 года назад
По промокоду «YouMeow» скидка 900 рублей на интенсив или программу профессии в Академии - tml.io/mbf87
@ADDA37
@ADDA37 7 лет назад
Хороший выпуск. Но он поднимает один важный вопрос - где взять такую футболку?
@freudololik
@freudololik 7 лет назад
вот почти такая же www.redbubble.com/people/contoured/works/23173062-html-rocks?grid_pos=1&p=t-shirt&rbs=560bcdf7-e5c6-4897-acda-1c7e232d40ec&ref=products_grid&style=mens
@ADDA37
@ADDA37 7 лет назад
Спасибо)
@АлександрСолопов-ч3ь
Артём Доба , alexandrsolopov@gmail.com обращайтесь, и у Вас такая будет ;-)
@AlexSanPGR
@AlexSanPGR 7 лет назад
Да сейчас на любом углу делают принты на чём угодно.
@iharshumilouski8520
@iharshumilouski8520 7 лет назад
Отличная фраза "Пусть стили показывают, а заголовки рассказывают". Так держать!
@AlexSanPGR
@AlexSanPGR 7 лет назад
Да, за базаром он хорошо следит)
@RealDeilan
@RealDeilan 7 лет назад
У меня только одно пожелание: делайте выпуски почаще! =)
@yaroslavfrolov775
@yaroslavfrolov775 7 лет назад
Чем чаще будут выпуски - тем менее ценнее они будут. Будет аналог спама от лофтблога..)
@RealDeilan
@RealDeilan 7 лет назад
Вы путаете частоту выпусков с их качеством. :)
@kirabogema
@kirabogema 7 лет назад
Ребят вы так радуете своими видео, прям все логично и понятно. А то в топах одни самоучки и школы основанные этими самоучками, которые не то что HTML end CSS, походу даже русский не освоили.
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
😊
@fun-uv9ty
@fun-uv9ty 2 года назад
Я хочу, чтобы вы мне обо всём рассказали! Мне очень понраавилось!!!!
@weTRONer
@weTRONer 3 года назад
Спасибо! За лучшее разьяснение по h1
@loginov2030
@loginov2030 7 лет назад
Спасибо. Стоит так же отметить, что создание любой страницы должно начинаться с создания ментальной или семантической карты.
@AntonioBenderas
@AntonioBenderas 7 лет назад
Запилите видосик - зачем нужны метатеги и какие они бывают
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Хорошо, а пока есть наш курс - htmlacademy.ru/courses/26/run/5
@AntonioBenderas
@AntonioBenderas 7 лет назад
Жаль, что у вас в песочнице не работает Emmet( Не могли бы вы как-то внедрить? По примеру codepen.io/pen/
@TheLbrtn
@TheLbrtn 6 лет назад
Он там не нужен. Они учат нулячих людей писать и тем самым запоминать теги и атрибуты.
@ЮрийВеригин-у2э
@ЮрийВеригин-у2э 4 года назад
@@HTMLAcademyTV перешёл по ссылке ниже и понял. У Вас появился ещё один подписчик и на каждое просмотренное видео лайк. Отличная подача материала.
@pwdlw
@pwdlw 7 лет назад
Когда важно всё - не важно ничего. (снизу тег - ) прям идея для принта футблоки=) глубокое высказывание...
@pwdlw
@pwdlw 7 лет назад
с каждой новой футболки Вадима,я чувствую скоро орать начну :DDDD (громко смеяться) зачет!
@evilblackheart
@evilblackheart 7 лет назад
Обожаю ваши выпуски,так держать!
@Войтивайти-п3ч
@Войтивайти-п3ч 7 лет назад
Лайк однозначно, наставник на интенсиве все попросил сделать заголовки h1, думаю нужно переделать
@deEugene
@deEugene 7 лет назад
Спасибо, полезная информация.
@romkanejdan
@romkanejdan 7 лет назад
Вот это оперативность! :) Спасибо!
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
😉
@kirilltyrov8791
@kirilltyrov8791 7 лет назад
Про JavaScript что-нибудь расскажете? Интересует вопрос, где лучше применять нативный JS, а где необходимо применять такие фреймворки как React.js , Angular и где можно использовать просто JQuery?
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Хороший вопрос, доберёмся и до JavaScript
@AlexSanPGR
@AlexSanPGR 7 лет назад
Я тоже об этом же хотел спросить. Но видимо тогда подкаст уже не будет называться НТМЛ Академия)
@ekaterinakrutakova9781
@ekaterinakrutakova9781 7 лет назад
Вадим всегда так восторженно отзывается о гридах в подкастах, а слабо в шорты гриды уместить? ;)
@pepelsbey
@pepelsbey 7 лет назад
Как-нибудь попробуем втиснуть общие принципы :)
@vladimirkrylov4947
@vladimirkrylov4947 7 лет назад
Я уже просил ), мне сказали спасибо за вопрос) но, справедливости ради!!! у Вадима есть доклад о гридах и в принципе все становится ясно.
@ЛеонидВоронович-с9б
Классная футболка
@РоманЮрченко-ф7ъ
Хотелось бы уточнить. Правильно ли использовать тег для подзаголовков(как в видео). разве для подобных штук он подходит? правильно ли это семантически?
@websharkstudio
@websharkstudio 6 лет назад
Спасибо! Большое спасибо =)
@Tiago_Fernandes138
@Tiago_Fernandes138 7 лет назад
Вадим, спасибо за выпуск. Можете расскзать про работу с aria атрибутами и формирование верстки с учетом a11y?
@RealDeilan
@RealDeilan 7 лет назад
Расскажите, пожалуйста, про всевозможные приёмы выравнивания элементов по ширине и высоте, а также о преимуществах и ограничениях соответствующих приёмов.
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Постараемся рассказать и об этом в одном из будущих выпусков
@Angelika-uj6cd
@Angelika-uj6cd 7 лет назад
Лайк футболке!))
@RealDeilan
@RealDeilan 7 лет назад
Расскажите, пожалуйста, о практике использования отрицательных маргинов и паддингов: в каких случаях их уместно применять и почему. И про частный случай: чем оно лучше использования top/right/bottom/left когда задано относительное/абсолютное позиционирование.
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Спасибо за вопрос
@ВениаминТрепачко
Вадим, может рассмотрите такой вопрос? Стоит ли ради семантики классов отказываться от css-фреймворков, потому, что в нем очень многие классы описывают лишь внешний вид элемента, совершенно не поясняя разработчику, чем по сути является элемент?
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Спасибо за вопрос!
@DmitriiGorobets
@DmitriiGorobets 7 лет назад
Добрый день. Расскажите, пожалуйста, про вёрстку электронных писем (какую раскладку использовать, как правильно аттачить картинки в письме). Спасибо.
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Это объёмная тема, мы подумаем на этим, спасибо за вопрос
@archangelirk
@archangelirk 7 лет назад
Расскажите пожалуйста как правильно работать с иконками (шрифты, svg, картинки, спрайты). Как выбирать подходящий способ?
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Спасибо за вопрос
@SARFEX
@SARFEX 7 лет назад
У меня такая же футбоооолка (только зеленая :D)
@arturkarapetyan9387
@arturkarapetyan9387 7 лет назад
Парни, откуда?
@SARFEX
@SARFEX 7 лет назад
Archi в 2к17 все крутые пацаны сами себе печатают принты на одежду :)
@LYNCH1PC
@LYNCH1PC 7 лет назад
А у меня тоже черная но с длинными рукавами ибо в Сибири )
@jumbojet999
@jumbojet999 4 года назад
ЭЙЧ ЭЙЧ т м л В школе за аш двойку ставят) Нет никаких "аш" - только "эйч")
@shama3720
@shama3720 7 лет назад
интересно!
@rinatvaliullov3247
@rinatvaliullov3247 5 лет назад
Дайте пожалуйста ссылку на алгоритм outline. Где бы черным по белому было написано про то, что несколько h1 можно использовать на странице
@TARAKANhoy
@TARAKANhoy 7 лет назад
В формировании заголовков остаются не совсем понятными два вопроса: 1) Как задавать подзаголовки? Допустим мне надо задать текст по силе меньший чем сам заголовок, но все таки более важный чем сам основной текст секции. Правильным ли будет прописывать подзаголовки внутри тега заголовка используя например тег small? Насколько семантически верно вообще что либо вкладывать внутрь тега заголовка? 2) Как определить важность заголовков, например, в aside? Если с основным контекстом все понятно, то с колонками, футерами и т.д. не совсем. Или же читалка поймет, что мой заголовок h2 в aside не совсем тоже самое что заголовок h2 внутри main?
@pepelsbey
@pepelsbey 7 лет назад
Читалка знает, что в aside вторичное содержимое. Но aside скорее претендует на h3 и ниже, если сравнивать по приоритету с главным содержимым. Всё очень зависит от иерархии смыслов на странице. Посмотрите на примеры разметки в спецификации, они очень помогают.
@ЕвгенийСвиридов-ь1е
Привет. Возможно ли изолировать блок от стилей родителя, при этом учесть все возможные варианты? Например глобальный стиль: input { margin-bottom: 20px; color: red; } Не применится в дочернем блоке .child и значения инпутов в .child будут дефолтные.
@ЕвгенийСвиридов-ь1е
Через Shadow DOM можно)
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
Спасибо за вопрос!
@parovoz33
@parovoz33 7 лет назад
Лайк!
@alexandralexandrovich733
@alexandralexandrovich733 7 лет назад
Я только начинаю изучать верстку и при этом изрядно туплю. Я так до конца и не понял самый важный вопрос. Логичную разметку странице необходимо предавать с помощью h1-h6 или нужны другие инструменты? Добрые люди, не проходите мимо и помогите страждущему.
@АрсенийАросланкин
Вадим, скажите пожалуйста, как тогда нужно правильно озглавливать меню, поиск, настройки, логин и тд если эти элементы находятся выше чем h1
@pepelsbey
@pepelsbey 7 лет назад
Неважно выше он или ниже, важно кто он по смыслу. По коду конечно лучше располагать содержимое раньше всего, так до него проще всего будет добраться.
@Mynameis_IM
@Mynameis_IM 7 лет назад
Правильно ли я понял, если у меня есть поле с личным кабинетом, но визуально там только две иконки и заголовка нет, я могу дать ему заголовок, но просто скрыть от пользователя через visibility: hidden; ?
@AnimaVillete
@AnimaVillete 4 года назад
Очень важный вопрос! Где Вадим покупает футболки?
@HTMLAcademyTV
@HTMLAcademyTV 4 года назад
Не знаем, он тщательно скрывает эту информацию :)
@tenzin32
@tenzin32 3 года назад
а инвертировать плейлист нельзя? он у вас в обратном порядке идет, по новизне появления материала
@HTMLAcademyTV
@HTMLAcademyTV 3 года назад
Спасибо, исправили.
@sergeydmitriev2358
@sergeydmitriev2358 7 лет назад
Музыкой вашей я упоролся конкретно)))
@HTMLAcademyTV
@HTMLAcademyTV 7 лет назад
🙀
@captain_zsa
@captain_zsa 7 лет назад
Экспортирую SVG. Получаются очень странные результаты порой. goo.gl/klgmWu откуда берутся пустые области? Из того же макета вытаскиваю новый svg - goo.gl/U4y91Z все прекрасно. Все иконки рисуются дизайнером в AI и он их вставляет в PS путем смарт объекта (очень редко как фигуру вставляет). При открытии смарт объекта у меня открывается конечно AI и в нем иконка конечно же в векторе но такие же пустые области. При экспорте в png все замечательно. Сам вставил слой как фигуру из AI в PS - вот так вставилось goo.gl/teQhVs все вроде хорошо, НО вот экспорт и идет с пустотами все равно. Что делать и как бороться?
@shoutinglime
@shoutinglime 7 лет назад
Вроде не сказали: валидатор ругается на section и article без заголовков.
@almazmusic
@almazmusic 7 лет назад
Простите, что я врываюсь, но как, например, это всё вписывается в идеологию того же React?
@pepelsbey
@pepelsbey 7 лет назад
Dmitry Anderson интерфейсу на Реакте не нужно быть удобным и доступным?
@almazmusic
@almazmusic 7 лет назад
С одной стороны и глупый у меня вопрос, с другой - реакт (и кодер на реакте) может выдавать весьма немало лишнего кода. Чего только код фейсбука стоит, где обычная ссылка - это 6 или 7 уровней вложенности, потому что у них там "всё по фен-шую", сплошные абстракции итд.
@pepelsbey
@pepelsbey 7 лет назад
Dmitry Anderson незначимые теги ничего не значат, так что пусть выдаёт. Главное вы не забывайте вставлять значимые.
@magealoving
@magealoving 7 лет назад
Как тестировать структуру сайта для скринридера не имея его?
@pepelsbey
@pepelsbey 7 лет назад
На macOS и iOS он встроен, на Windows можно поставить бесплатный NVDA, но лучше всего начать со встроенного инспектора доступности в Chrome DevTools, см. как включить gist.github.com/marcysutton/0a42f815878c159517a55e6652e3b23a
@magealoving
@magealoving 7 лет назад
Спасибо.
@АрсенийАросланкин
Вадим, получается такой плагин как HTML5 Outliner бесполезен, т.к алгоритмы аутлайна не внедрены?
@epicshorsviral
@epicshorsviral 7 лет назад
Обратите внимание на "вдох" во время начала основной массы фраз, который отчетливо слышно лично у меня в наушниках, мне кажется Вы можете это пофиксить, по крайней мере в аудиодорожке обрезать эти моменты)
@AlexSanPGR
@AlexSanPGR 7 лет назад
Хорошая тема. Только причём тут всякие скриридеры. Ведь очевидно что использование НТМЛ заголовков необходимо исключительно для посиковых ботов. Кстати я тоже только тремя уровнями заголовков пользуюсь. Сложно представить когда нужно больше.
@danielsdvj7255
@danielsdvj7255 7 лет назад
visibility: hidden*
@pepelsbey
@pepelsbey 7 лет назад
Daniel Steshenko в этом случае элемент остаётся в потоке, то есть имеет размеры и влияние.
@Waldemart
@Waldemart 7 лет назад
Интересно, а Вадим в штанах записывается или в шортах? :)
Далее
Кому нужны флексы - HTML Шорты
5:14
БЕЛКА РОЖАЕТ#cat
00:19
Просмотров 1,2 млн
ТАЙНА ТРАВЫ #shorts
00:22
Просмотров 1 млн
Сняли домик блин🏠
23:19
Просмотров 599 тыс.
Нормальный сброс - HTML Шорты
5:42
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
Why do I need BEM - HTML Shorts
6:22
Просмотров 92 тыс.
W3C или WHATWG - HTML Шорты
4:15
Просмотров 20 тыс.
Как прятать - HTML Шорты
4:07
Просмотров 46 тыс.