Потрясающе видео, пока изучал фреймворки, библиотеки и серверные технологии, начал немного забывать такие базовые вещи как HTML и CSS, а в них оказывается завезли кучу нового.
вот единицы вьюпорта это прям топ , до этого приходилось использовать хак с innerWidth Насчет каскадных слоев и прочего подобного, а сейчас кто-то вообще пишет свои приложения без css модулей? Ну кроме создателей библиотек и легаси проектов
*ОХ БЛТЬ СКОЛЬКО МОЖНО, ГОЛОВА СКОРО ВЗОРВЕТСЯ. ВЕРНИТЕ ВРЕМЕНА CSS2 , КОГДА ДАЖЕ border-radius не поддерживался, круглые резиновые кнопки приходилось из 4 кусков картинки пилить, было же время*
Их никто не использует не потому что не знают, а потому что нет желания все переделывать под 10 разных браузеров. Тот же :has сыграл со мной злую шутку, когда один парень решил воспользоваться mozilla. Кринж одним словом, нахер нам вообще столько браузеров, когда они выполняют одну и ту же функцию? Или напротив, почему эти браузеры делая одно и то же не в состоянии поддерживать актуальные CSS и HTML?
Дискретные свойства - те, которые имеют ограниченное количество возможных вариантов. К примеру, visibility имеет только 3 значения visible, hidden, collapse. Мы не можем взять среднее между visible и hidden или между hidden и collapse, как между 0 и 1, это не будет иметь смысла.
Это было шикарно, я прям преисполнился в своём сознании) Но всё ровно, самое главное, что я жду, это когда наконец можно будет адекватно делать кастомные select, надеюсь поддержку скоро завезут.
Прозвучит как негатив, но я напишу комментарий, который писал под многими видео с описанием новых возможностей языка/разметки - это трындец (мягко выразился). Основная проблема айти, в том числе и верстки - отсутствие единых стандартов. Один и тот же макет можно сверстать по разному. А вот эти новые фичи, добавляют варианты верстки. В результате мы не получаем что то кардинально новое, какую то абсолютно новую возможность, а получаем ещё один вариант сделать то, что делали раньше. А отсюда следует - все эти фичи это надо знать, так как спросят на собеседовании. Это не надо знать, так как не спросят на другом собеседовании...стандартов то нет.) Один верстальщик будет верстать по старому, другой по новому. Нужно будет подстраиваться под верстку, править. Будет смешение стилей, приемов. Будет конфликт - чья верстка современнее, будут холивары. А стандартов то нет - как верстать гридами, флексами, дивами, использовать новые фичи - выбор каждого. Итого можно ли сказать - я верстальщик? Можно ли сказать я синьор программист? Можно. Сказать можно. А по факту - неизвестно. Когда спортсмен сдает норматив - кмс, он выполняет упражнение. Выполняет определенным образом, определенной техникой и получает удостоверение одного образца. Он кмс. Есть четкие критерии качества, техник сдачи норматива. В верстке можно прекрасно сверстать и таблицами и будет работать. ) Это огромная проблема айти - и пища для размышлений куда это вас приведет, к чему приведет и кем вы потом станете. А пока молодой - можно и поверстать и в деливери поработать ) А вот потом... ну это придет с опытом.
32:04 Важное уточнение: `:where()` не добавляет специфичности, так что вес нового селектора будет меньше. Чтобы специфичность добавлялась используют `:is()`
Дааа, не завидую я реактомартыхам - все это запоминать. А как на собесах можно будет давить вкатунов на фронт - уничтожать просто))) Я собесов не провожу, да и давить бы не стал. Но, скорее всего, теперь реактунов и вьюшников юных начнут гонять по всему вот этому. Меня когда-то на собесах пару раз версткой дрючили))) А щас так все усложнилось.
Я почему-то "И HTML" на заставке прочитал как "Интим". Перечитал ещё раз. Думаю: "Хммм... Странно. Канал ведь про программирование. Вижу же css". И только с четвертого о раза прочитал правильно. Подумал, что первые 3 буквы и правда похожи. Прикольно)
Я совсем молод но уже ловлю депресию, так много чего мне нужно выучить хотя уже работаю почти 2 года и постоянно учусь, ведь если так будет продолжаться что будет когда стукнет 35-40, когда мозг не будет функционировать как в молодости
Прикинь как круто быть бизнесменом Прогер чёт учит постоянно, стрессует, ноулайфит, выгорает А ты просто делаешь бизнес, даже если это банальная кофейня))
@@Михаил-ъ6ъ5е наивное дитя, сначала открой бизнес, а потом пише свою чушь, зарплата чистыми будет выходить у прогера и у такой кофейни одно и тоже, только когда ты имешь свой бизнес, то работы в 3 раза больше, чем у прогера. Вот и думай
Очень крутое видео. Качество, информативность, актуальность, полезность и лёгкость восприятия зашкаливают. Жаль только, что целевая аудитория автора не шибко большая((
36:00 дискретные свойства- это скорее всего display:none, который всегда ломает анимацию и надо придумывать костыли вокруг него. Само понятие дискретности подразумевает отсутствие промежуточных значений, то есть прерывистость. Например, механизм секундной стрелки в часах можно назвать дискретным, она «прыгает»
Не так давно попал на ваше видео про min, max и clamp уже везде использую. Очень полезными оказались. Ну, теперь еще навалилось нового. Сам только чуть больше года в этом деле. И вот так всё быстро меняется))
Помню когда флекс появился я заинтересовался вебом. А когда наконец после 14 года начали убирать совместимость со старыми браузерами, перестали поддерживать старое и пошел мейнстрим на новые технологии, я просто полюбил это все дело и наконец-то вздохнул полной грудью. Мало кто помнит холивары в ТЗ на тему шестого осла 😂
Видимо скоро таки появятся css программисты xD. Спасибо, очень полезное видео и кол-во труда которое вложено колоссальное. Добавьте в описание ссылки для донатов, я бы лично немного задонатил если бы они были.
Да нет, сюда ещё добавятся докеры (уже), ИИ (уже), бэкенд (фуллстеки уже нужны), новые фреймворки и всё это для одного человека. Это бесконечная гонка))
не появятся, все таки это больше какое то искусство, нужно иметь натренированный взгляд, часто результат приходится править на свой вкус, потому что по дизайну все круто, а итог не очень. Тут меньше логики и математики, больше креатива. Просто сейчас язык подтягивают до современного уровня,а то он застрял на уровне 2007 года.
Пишу свой топ значит 1. CSS vars и сюда же color-scheme это базовые вещи, которые просто будут необходимы 2. Html попапы, мы сократим кучу, просто кучу js для простых попапчиков, а это не может не радовать. 3. Сюда я тоже выпишу солянку, анимации + цвета и градиенты + работа с шириной и видимостью контента + обработки свойств пользователя, тема, батарейка и тд Да не топ 3 конечно получилось 😅 а еще круто, когда слушаешь и понимаешь, что большую половину уже используешь, автору респект ❤🎉
Дурка по современной верстке плачет. И вы хотите сказать, что 2007 году было хуже с версткой? Есть хороший способ сделать сайт, сделать нормальную версию для ПК и направлять мобильных инвалидов на вап версию, читай фиговую версию, по вашему адаптивную. Просто в вап версии ставим мета-тег каноникал и показываем поисковикам что учитывать надо только версию для компьютеров, остальные у нас в роли неполноценных. Хотя о чем я говорю, вы со своими JS давно на поисковики положили, зато адаптивность это для вас святое.
Проще конечно, всякие хотели дизайнеров будет проще реализовать и при этом не нагружать лишним js. Хотя есть и спорные моменты, но практика покажет, что реально полезно.
Что бля такое ты сделал это шедевр качаю в библиотеку, добавляю вопросы в список интервью, изучаю и радуюсь Спасибо спасибо добрый человек Можно вот такого контента и побольше❤❤❤❤
На мой взгляд, уже лет 20 как вебу уже просто некуда развиваться, все эти свистоперделки просто от нечего делать. Абсолютно всё можно реализовать на том что уже давно есть. Больше всего бесит постоянная смена стандартов...
!!! Как я сначала обрадовался :-( Это настолько давняя проблема в HTML ... Думал, что сделают наконец-то по нормальному, как во всех нативных фреймворках. Но нет! Попробовал сейчас. Он как был псевдо-popup, так и остался. Я о том, что, всплывающая часть как отображалась только в клиентской области броузера, так и продолжает там отображаться. Потом он не совсем модальный, как тот же долго ожидаемый . При нажатии клавиши табуляции фокус скачет по всем элементам страницы, а хотелось бы только по элементам в popup части.
фичий жир это потрясающе)) отдельный респект за подачу, пролетело на одном дыхании, очень много полезностей, огромнейшое спасибо) лайк, подписка, респект.
Материал суперполезный и большое спасибо. Но есть конструктивная критика - она субъективна - не касается контентной части, а про монтаж. В конце каждого фрагмента показывается текстовая информация, резюмирующая содержание фрагмента - и тут бы задержать ее на экране сек на 5 подольше, чтобы было физически время на почитать. Но переход к следующему фрагменту идет практически сразу, да так, что и паузу не успеваешь нажать. Приходится назад перематывать - и ловить на паузу. Вот такой вот user experience...
С flex gap к сожалению, не всё так однозначно. Ну прошлом проекте были клиенты, которые сидели на макбуках 2015 что ли года, которые уже никак не обновить, и пользовались сафари, который не поддерживает эту фичу. В целом, да, можно использовать, но если внезапно возникнет потребность это отрефакторить, то я представляю лицо разработчика (потому что самому пришлось изобретать костыли). Теперь стараюсь по дефолту использовать гриды вместо флекса, где это возможно
Я когда смотрю как эти языки меняются в последнии годы представляю картину: "Сидит такая толпа разработчиков и тут замечает, что то унылое все в г*вне и пыле лежащее в корзине с давно протухшим мусором. Приглядываются и такие "Да ну нах, это че за древность? CSS? HTML? Боже какое убожество" и с этого момента все околотемные разработчики вдруг начали модернизировать эти языки".
Благодарю! Четко, интересно, эффективно Радуют перспективы использования нативной поддержки диалогов, скролла и переходов За 15 лет сss и html стали довольно широкими
Тренажеры HTML Академии + Книга рецептов фронтендера + Академия + комьюнити за 99 рублей:
boosty.to/how-to-learn-it
Для оплаты с НЕ российских карт:
foamy-stag-bb6.notion.site/Donate-bot-1550973e32a24d1da9a4ef15f80391ee
Если не открывается:
t.me/+K1H8FmJKURg0MGYy
Какие тренажеры бывают:
htmlacademy.ru/courses#fe-start
Мой телеграм:
t.me/howToLearnIT
******************
0:00 CSS и HTML прорыв?!
0:25 Контейнерные запросы
0:55 Style Queries
1:38 :has
2:16 :nth-of
2:42 text-wrap: balance
3:12 initial-letter
3:36 svh, lvh, dvh
4:48 Цветовое пространство с широкой гаммой
5:33 color-mix()
6:27 Nesting
6:45 Каскадные слои
8:51 Scope
9:59 Синусы / косинусы
10:12 Индивидуальные свойства для transform
10:35 Subgrid
11:20 Masonry grid
11:36 Вертикальный режим отображения текста
11:49 Новые логические свойства
13:06 aspect-ratio
13:27 content-visibility
15:02 Подписка
15:38 Flexbox gap
16:10 Object view box
16:52 Media Queries Range
17:11 mix-blend-mode
17:37 filter
17:52 backdrop-filter
18:19 linear easy function
18:51 min, max, fit-content
20:52 conic-gradient
21:18 accent-color
21:35 currentColor
21:54 Относительные цвета
22:24 Цветовые пространства для градиента
22:40 Scroll Snap
23:07 Overscroll-behavior
23:45 Touch action
24:04 Scroll-behavior
24:22 Scrollbar gutter
25:00 font-display
26:00 line-clamp
26:18 Вариативные шрифты
27:25 Подписка
27:48 font-palette
28:15 prefers-reduced-motion
28:34 prefers-color-scheme
28:45 prefers-reduced-data
29:09 color-scheme
29:27 prefers-contrast
29:41 Режим принудительных цветов
29:55 focus-visible
30:23 CSS-переменные
30:41 Supports
30:55 Функции сравнения (min, max, clamp)
31:30 property
31:46 :marker
32:22 image-set
32:40 image()
33:15 Popover API
33:49 Dialog
34:23 Anchor positioning
35:18 Кастомный селект
35:40 Анимация дискретных свойств
36:25 Scroll driven animation
36:51 View Transitions API
37:22 Резюме
*****************
Ссылки:
1) Подробно про контейнерные запросы
ua-cam.com/video/8OptuS8VXe4/v-deo.html
2) Поиграть с новыми цветовыми пространствами
gradient.style/
3) Поиграть с color-mix
color-mix.style/
4) Видос про mix-blend-mode эффекты
ua-cam.com/video/-c94pr41jaI/v-deo.html
5) Про функции сравнения (min, max, clamp)
ua-cam.com/video/YtkGbZ3DxoQ/v-deo.html
6) Про property в css Houdini
ua-cam.com/video/ZBjsgJyrKTU/v-deo.html
7) Про CSS scroll snap
habr.com/ru/articles/498456/
8) Про стратегии font-display
doka.guide/css/font-display/
#css #html #frontend #javascript
Потрясающе видео, пока изучал фреймворки, библиотеки и серверные технологии, начал немного забывать такие базовые вещи как HTML и CSS, а в них оказывается завезли кучу нового.
ОЧЕНЬ КРУТО!!
вот единицы вьюпорта это прям топ , до этого приходилось использовать хак с innerWidth
Насчет каскадных слоев и прочего подобного, а сейчас кто-то вообще пишет свои приложения без css модулей? Ну кроме создателей библиотек и легаси проектов
мне кажется или вёрстка сложнее программирования?
Больше половины уже использую , что-то уже больше 2 лет.
Я вот не понимаю, какой смысл сейчас в препроцессорах? (я нуб)
да хотя бы вложенность
*ОХ БЛТЬ СКОЛЬКО МОЖНО, ГОЛОВА СКОРО ВЗОРВЕТСЯ. ВЕРНИТЕ ВРЕМЕНА CSS2 , КОГДА ДАЖЕ border-radius не поддерживался, круглые резиновые кнопки приходилось из 4 кусков картинки пилить, было же время*
Спасибо стандартизаторам, что дали возможность свойствам кала определять цвет иконки 21:46
British English Inferiority 😁
кала?
Не хватает только current background color.
Их никто не использует не потому что не знают, а потому что нет желания все переделывать под 10 разных браузеров.
Тот же :has сыграл со мной злую шутку, когда один парень решил воспользоваться mozilla.
Кринж одним словом, нахер нам вообще столько браузеров, когда они выполняют одну и ту же функцию? Или напротив, почему эти браузеры делая одно и то же не в состоянии поддерживать актуальные CSS и HTML?
2024: css занимает место js
2025: html занимает место css
Одна из самых крутых подач инфы! Без лишних соплей. Идеально! Спасибо огромное!
ещё бы в виде статьи, а то видос целиком у меня в голове не запоминается
Дискретные свойства - те, которые имеют ограниченное количество возможных вариантов. К примеру, visibility имеет только 3 значения visible, hidden, collapse. Мы не можем взять среднее между visible и hidden или между hidden и collapse, как между 0 и 1, это не будет иметь смысла.
Это было шикарно, я прям преисполнился в своём сознании)
Но всё ровно, самое главное, что я жду, это когда наконец можно будет адекватно делать кастомные select, надеюсь поддержку скоро завезут.
Прозвучит как негатив, но я напишу комментарий, который писал под многими видео с описанием новых возможностей языка/разметки - это трындец (мягко выразился). Основная проблема айти, в том числе и верстки - отсутствие единых стандартов. Один и тот же макет можно сверстать по разному. А вот эти новые фичи, добавляют варианты верстки. В результате мы не получаем что то кардинально новое, какую то абсолютно новую возможность, а получаем ещё один вариант сделать то, что делали раньше.
А отсюда следует - все эти фичи это надо знать, так как спросят на собеседовании. Это не надо знать, так как не спросят на другом собеседовании...стандартов то нет.)
Один верстальщик будет верстать по старому, другой по новому. Нужно будет подстраиваться под верстку, править. Будет смешение стилей, приемов.
Будет конфликт - чья верстка современнее, будут холивары. А стандартов то нет - как верстать гридами, флексами, дивами, использовать новые фичи - выбор каждого.
Итого можно ли сказать - я верстальщик? Можно ли сказать я синьор программист? Можно. Сказать можно. А по факту - неизвестно.
Когда спортсмен сдает норматив - кмс, он выполняет упражнение. Выполняет определенным образом, определенной техникой и получает удостоверение одного образца.
Он кмс. Есть четкие критерии качества, техник сдачи норматива.
В верстке можно прекрасно сверстать и таблицами и будет работать. ) Это огромная проблема айти - и пища для размышлений куда это вас приведет, к чему приведет и кем вы потом станете. А пока молодой - можно и поверстать и в деливери поработать ) А вот потом... ну это придет с опытом.
32:04 Важное уточнение: `:where()` не добавляет специфичности, так что вес нового селектора будет меньше. Чтобы специфичность добавлялась используют `:is()`
Ютуб комменты не поддерживают markdown 💀
Ещё чуть-чуть и для браузера с отключенными JS будет требоваться игровая видео карта.
ну это все хорошо, но не имеет ваще никакого смысла без поддержки браузеров
Как это теперь запомнить ?
Сначала было vh, потом dvh, дальше sdvh, hsdvh, mhsdvh, gmhsdvh...
Благодарю, за крутые новости. Качественная подача. ❤
Дааа, не завидую я реактомартыхам - все это запоминать.
А как на собесах можно будет давить вкатунов на фронт - уничтожать просто)))
Я собесов не провожу, да и давить бы не стал. Но, скорее всего, теперь реактунов и вьюшников юных начнут гонять по всему вот этому.
Меня когда-то на собесах пару раз версткой дрючили))) А щас так все усложнилось.
Wow 🎉
Спасибо каналу за супер-сжатое ревью эпохального контента! Лучи веб-стандартной любви!
Мой топ по новым фичам это:
1. Каскадные слои.
2. Scope.
3. Функции сравнения (min, max, clamp).
Ох, либо это путь к стандартизации,
Либо это путь к безумству
Обычное развитие
@@Disorrder да смысл от развития если оно не стандартизировано, кто как хочет так и др@чет? Полная фигня
Крайне полезное видео. Автор, ты большой молодец! 🤝
Еще бы адекватную бегущую строку завезли на замену marquee, было бы шикарно, чтобы не городить самому из смеси js и css
Материал классный, где-то 80% фишек оттуда я узнал впервые.
А уже есть какие-либо сайты, где все эти фишки применяются?
Firefox это не лиса или огненная лиса, а красная панда
Вот это было очень полезно, спасибо огромное!
Css стал сложнее с++
Я почему-то "И HTML" на заставке прочитал как "Интим". Перечитал ещё раз. Думаю: "Хммм... Странно. Канал ведь про программирование. Вижу же css". И только с четвертого о раза прочитал правильно. Подумал, что первые 3 буквы и правда похожи.
Прикольно)
Я совсем молод но уже ловлю депресию, так много чего мне нужно выучить хотя уже работаю почти 2 года и постоянно учусь, ведь если так будет продолжаться что будет когда стукнет 35-40, когда мозг не будет функционировать как в молодости
Масштабная работа! Спасибо, полезно в качестве плана изучения
Круто, но уверен многое не дойдёт до полной поддержки браузерами, как это обычно бывает или работать будет по разному - привет сафари)
ты обманул со Scrollbar gutter, у тебя на видео всегда стоит показывать скроллбар, то есть паддинг уже задан и ты потом применяешь это свойство
псевдоселектор - нет такого слова
:has - псевдокласс
:first-letter - псевдоелемент
и они оба селекторы
Когда поддерживаешь safari 12 по требованию работодателя ...
Невероятно полезное видео, столько новой ифнормации, ждем еще одно такое уже на 2024 год))
Спасибо 🎉
Похуй на инфу, лайк чисто за подбор видеоряда. Со стилизоваться детей в голосовой просто))
поэтому я больше не хочу заниматься фронтом
Прикинь как круто быть бизнесменом
Прогер чёт учит постоянно, стрессует, ноулайфит, выгорает
А ты просто делаешь бизнес, даже если это банальная кофейня))
@@Михаил-ъ6ъ5е сам то пробовал хотя бы кофейню открыть?
@@Михаил-ъ6ъ5еВсе совсем не так. Ты серьезно думаешь, что у бизнеса совсем нет проблем ?
Аналогично, поэтому перешел на Golang. Заколебали постоянные нововведения.
@@Михаил-ъ6ъ5е наивное дитя, сначала открой бизнес, а потом пише свою чушь, зарплата чистыми будет выходить у прогера и у такой кофейни одно и тоже, только когда ты имешь свой бизнес, то работы в 3 раза больше, чем у прогера. Вот и думай
А зачем вам на скриншотах кода какие-то ПОЦовские три цветных кругляшка?
Ну нахер, буду рисовать в канвасе
спасибо очень полезно. Хотелосьб верстку сайта с использованием последних фич былоб нереально круто
Очень крутое видео. Качество, информативность, актуальность, полезность и лёгкость восприятия зашкаливают. Жаль только, что целевая аудитория автора не шибко большая((
36:00 дискретные свойства- это скорее всего display:none, который всегда ломает анимацию и надо придумывать костыли вокруг него. Само понятие дискретности подразумевает отсутствие промежуточных значений, то есть прерывистость. Например, механизм секундной стрелки в часах можно назвать дискретным, она «прыгает»
text-wrap is not a known css. Как исправить ?
scrollbar-gutter: stable; уаще топ
Не так давно попал на ваше видео про min, max и clamp уже везде использую. Очень полезными оказались. Ну, теперь еще навалилось нового. Сам только чуть больше года в этом деле. И вот так всё быстро меняется))
Все ето супер. Но от сафари привет))
Помню когда флекс появился я заинтересовался вебом. А когда наконец после 14 года начали убирать совместимость со старыми браузерами, перестали поддерживать старое и пошел мейнстрим на новые технологии, я просто полюбил это все дело и наконец-то вздохнул полной грудью.
Мало кто помнит холивары в ТЗ на тему шестого осла 😂
Видимо скоро таки появятся css программисты xD. Спасибо, очень полезное видео и кол-во труда которое вложено колоссальное. Добавьте в описание ссылки для донатов, я бы лично немного задонатил если бы они были.
Да нет, сюда ещё добавятся докеры (уже), ИИ (уже), бэкенд (фуллстеки уже нужны), новые фреймворки и всё это для одного человека. Это бесконечная гонка))
@@Михаил-ъ6ъ5е фуллстеки всегда были, особенно на php
О май гад. Придётся и это все выучить и бэкендерам кто сам фронт лабает и полноценным фронтендерам.
@@pep421 помянем молодых
не появятся, все таки это больше какое то искусство, нужно иметь натренированный взгляд, часто результат приходится править на свой вкус, потому что по дизайну все круто, а итог не очень. Тут меньше логики и математики, больше креатива. Просто сейчас язык подтягивают до современного уровня,а то он застрял на уровне 2007 года.
А теперь все тоже самое,но по русски....😂😂😂😂😂😂
selectmenu дааааа! наконец то
Пишу свой топ значит
1. CSS vars и сюда же color-scheme это базовые вещи, которые просто будут необходимы
2. Html попапы, мы сократим кучу, просто кучу js для простых попапчиков, а это не может не радовать.
3. Сюда я тоже выпишу солянку, анимации + цвета и градиенты + работа с шириной и видимостью контента + обработки свойств пользователя, тема, батарейка и тд
Да не топ 3 конечно получилось 😅 а еще круто, когда слушаешь и понимаешь, что большую половину уже используешь, автору респект ❤🎉
Коммент в топы 🎉
Html попапы которые калово стилизуются?
@@nade3282 а почему они калово стилизуются ? это же просто html
вот поэтому я хочу стать фронтендером 40+
Eee aysheri
Дурка по современной верстке плачет. И вы хотите сказать, что 2007 году было хуже с версткой? Есть хороший способ сделать сайт, сделать нормальную версию для ПК и направлять мобильных инвалидов на вап версию, читай фиговую версию, по вашему адаптивную. Просто в вап версии ставим мета-тег каноникал и показываем поисковикам что учитывать надо только версию для компьютеров, остальные у нас в роли неполноценных. Хотя о чем я говорю, вы со своими JS давно на поисковики положили, зато адаптивность это для вас святое.
Все сложнее и сложнее, или наоборот все проще становится?
Стало больше разнообразия)
Проще конечно, всякие хотели дизайнеров будет проще реализовать и при этом не нагружать лишним js.
Хотя есть и спорные моменты, но практика покажет, что реально полезно.
Анимации в конце это пушка. Спасибо за видео.
Appo angnokke an lleee
Контейнерные запросы вообще не ждал.
Caniuse даст ответ
стоит ли пользовать
новинки в html&css.
Большинство поддерживается! Про поддержку каждой новинки отдельно говорится в ролике!
Очень качественный контент. Не каждый бы смог такое сделать. Спасибо огромное автору видео, а с меня лайк и подписка)
А все это где найти, например в доке нет еще их
👍👍👍
Ощущение, что мне сделали массаж простаты и теперь я могу полноценно сать на лицо реальности
19:00 я недавно скрипт писал под это дело
Спасибо! Очень полезное видео.
Я почувствовал себя незнайкой. За-то теперь куча новых фишек буду иметь ввиду.
Что бля такое ты сделал это шедевр качаю в библиотеку, добавляю вопросы в список интервью, изучаю и радуюсь
Спасибо спасибо добрый человек
Можно вот такого контента и побольше❤❤❤❤
зумер оставь в покое web, вон загрузи котиков в соц. сети.
это все должно было появиться 15 лет назад. CSS стандартизаторы - самые медленные и ленивые
Война браузеров была. Тогда все плевали на стандарты. Они б и сейчас плевали ради пропихивания себя как монополиста, но уже не сильно выходит )
не, не быть мне айтишником
👍
1:40 🤤
🤯
а можно разъяснялки без неподдерживаемых фич7
На мой взгляд, уже лет 20 как вебу уже просто некуда развиваться, все эти свистоперделки просто от нечего делать. Абсолютно всё можно реализовать на том что уже давно есть. Больше всего бесит постоянная смена стандартов...
css сложнее чем я думал...
спасибо большое!
херовая подача
Спасибо🙏🔥👍
Мой мозг 🤯
Капец
ну и по каким книжкам изучать html c css так, чтобы инфа была не устаревшей?
!!! Как я сначала обрадовался :-( Это настолько давняя проблема в HTML ... Думал, что сделают наконец-то по нормальному, как во всех нативных фреймворках. Но нет! Попробовал сейчас. Он как был псевдо-popup, так и остался. Я о том, что, всплывающая часть как отображалась только в клиентской области броузера, так и продолжает там отображаться. Потом он не совсем модальный, как тот же долго ожидаемый . При нажатии клавиши табуляции фокус скачет по всем элементам страницы, а хотелось бы только по элементам в popup части.
dialog, focus и popover мой топ 3
фичий жир это потрясающе)) отдельный респект за подачу, пролетело на одном дыхании, очень много полезностей, огромнейшое спасибо) лайк, подписка, респект.
Материал суперполезный и большое спасибо.
Но есть конструктивная критика - она субъективна - не касается контентной части, а про монтаж. В конце каждого фрагмента показывается текстовая информация, резюмирующая содержание фрагмента - и тут бы задержать ее на экране сек на 5 подольше, чтобы было физически время на почитать. Но переход к следующему фрагменту идет практически сразу, да так, что и паузу не успеваешь нажать. Приходится назад перематывать - и ловить на паузу. Вот такой вот user experience...
С flex gap к сожалению, не всё так однозначно. Ну прошлом проекте были клиенты, которые сидели на макбуках 2015 что ли года, которые уже никак не обновить, и пользовались сафари, который не поддерживает эту фичу. В целом, да, можно использовать, но если внезапно возникнет потребность это отрефакторить, то я представляю лицо разработчика (потому что самому пришлось изобретать костыли). Теперь стараюсь по дефолту использовать гриды вместо флекса, где это возможно
Мне нужно получить код для подписки на тренажеры , но я не могу написать сообщение в лс на boosty
Не получается найти сообщение? Или просто не отправляет?
@@it2138 не отправляет
Даёшь Тьюринг-полный ЦСС!!!
Я когда смотрю как эти языки меняются в последнии годы представляю картину: "Сидит такая толпа разработчиков и тут замечает, что то унылое все в г*вне и пыле лежащее в корзине с давно протухшим мусором. Приглядываются и такие "Да ну нах, это че за древность? CSS? HTML? Боже какое убожество" и с этого момента все околотемные разработчики вдруг начали модернизировать эти языки".
Круто, но можно и помедленней говорить. Частить - не есть успевать обрабатывать мозгом информацию!
Вот мне нужно это прям знать? Теги загуглить нельзя прям?(мб я ленивый слишком)
Скоро шутки про программистов на HTML/CSS перестанут быть шутками)
.card:not(:has(.card__image)) не работает, вчера только пытался
Спасибо, наконец то свойством кала можно определять цвет иконки
Благодарю!
Четко, интересно, эффективно
Радуют перспективы использования нативной поддержки диалогов, скролла и переходов
За 15 лет сss и html стали довольно широкими