Верстка сайта - HTML,CSS нововведения которые нужно знать

Front end развивается с каждым днем, html css тоже решили не оставлять в стороне. Верстка сайта так же развивается и внедряются нововведения Html и CSS, которые делают верстку сайта для начинающих более удобной и быстрой. Верстка сайта с нуля с данными нововведениями покажется просто легчайшей, ведь во многих моментах не придется задействовать JavaScript, а ограничится стандартными тегами html и стилями CSS. В данном видео мы разберем как работают нововведения, и на какие действительно стоит обратить внимание.

0:00 - Верстка сайта html css нововведения
1:08 - Subgrid
2:30 - Директива Supports css
3:10 - Flexbox gap
4:15 - Тег Details
5:12 - Тег Output
6:27 - Тег Datalist (autocomplete)
7:50 - Медиа запросы стали удобнее
8:50 - Переменные CSS

[King-bgyc]

Вроде бы выучил сss и html, но походу понимаю ещё не хрена выучил. Большое спасибо за новую информацию

[progerlife]

думал что изучил HTML5 CSS3 - пару зыв макетов сверстал...Оказывается я нифига не знаю...как говориться век живи век учись..Спасибо за ролик!Лайк!! Не зря подписался на канал!)

[ПростоЧел-сыб]

Спасибо, для меня как для новичка в вёрстке очень нужно такое!

[altrka]

Новая инфа - всегда здорово и важно, особенно для новичков, таких как я)
И вообще очень приятный вы человек, рассказывается ладно и понятно, мало таких нынче))

[Arturovich]

Давно уже не занимаюсь версткой, но эти нововведения просто шикарны :)

[x-unseen-x]

Инфа полезная для тех, кто только изучает или давно не следил на новвоведениями. Хотелось бы видео с развернутым ответом (с примерами) на тему: зачем в CSS нужен одновременно и флекс и грид, если гриды выглядят более мощным инструментом. В каких случаях имеет смысл использовать флексы, в каких гриды.

[twainprod]

Привет! Спасибо за видео! Уже знал про output, datalist и переменные css, остальное для меня что-то новенькое! Очень рад, что появились flexbox-gap! Details тоже супер-элемент, теперь можно делать спойлеры без JS. Лайк поставил!

[danys]

Где-то в параллельной вселенной: HTML6 стал самым удобным и быстрым языком программирования, он вошёл в топ 10!

[Азизджон-му]

Отличное видео, спасибо. Про тег Datalist не слышал до этого

[aleksandryushka]

Вау. Флекс расширился. Это круто. Спасибо за видео.

[ЛизочкаБершадская]

Спасибо за нововведение, было очень познавательно

[IrynaGyliuk]

Крутое видео! Спасибо! Я не новичок, но долго была не в теме!

Спасибо, как всегда супер.
Твой голос уже ассоциируется с чем-то полезным)

[ВячеславФедотов-эщ]

Как раз только начал изучение HTML&CSS, так что актуально)) Спасибо💪

[alex_lin]

Два нововведения не знал. Like for the video)

[МаксимСолопов-иф]

Спасибо за обзор. С flex-gap и новыми форматами медиа-запросов будет удобнее работать.

[vrombo]

Вараяблы без программирования это круто. Как и математика.
Лет 10 назад мы это в курилке предсказывали и вот наконец-то.

[aligakhramanovofficial]

Уже попахивает языком программирования а не просто разметкой)))

[MultiPalaz]

Профессия html-программист скоро станет реальностью

[MikhailRomantsov]

Мне из этого больше всего нравится :root. Для меня это просто охрененно. Можно будет подгружать в том же реакте какой-нибудь root-файл CSS и использовать его для всех CSS файлов