Тёмный

Нововведение в CSS 🔥 Адаптировать сайты будет проще 

Анна Блок
Подписаться 102 тыс.
Просмотров 15 тыс.
50% 1

✅ Оставь заявку, чтобы воспользоваться СКИДКОЙ 10% на обучение в FrontendBlok: forms.gle/Q5uKoU9HCX3Tmg6g6
Демо - codepen.io/anna_blok/pen/VwGQKgY
Таймкоды:
00:00 Вступление
00:36 Скидка на обучение в FrontendBlok
01:56 Адаптив от мобильных к десктоп
03:12 Адаптив от десктоп к мобильным
04:01 Смешанная формула
05:34 Поддержка в браузерах
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Задать вопрос - frontendhelp.me/ru
🔴 Обучение - frontendblok.com/

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

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@user-re1zz4oz2b
@user-re1zz4oz2b Год назад
Мега удобно, думаю через много лет всё станет вообще в разы удобнее.
@sur_harutyunyan
@sur_harutyunyan Год назад
уже неделю ищу такое видео, спасибо огромное❤❤👍👍
@motvey542
@motvey542 Год назад
Действительно класно. Придется миксин в scss переписывать, а может и отказаться от него. Красивые косички 👍
@user-wf4np1ne2c
@user-wf4np1ne2c Год назад
Вот это крутое новшество, спасибо)
@user-rb3sw3ku6t
@user-rb3sw3ku6t Год назад
Удобное нововведение! Поскорее бы появилось. Спасибо )
@azerelizade1957
@azerelizade1957 Год назад
sposibo vam!
@Quiziden
@Quiziden Год назад
Отлично! Ждем полной поддержки
@eduardpimenov7182
@eduardpimenov7182 Год назад
Я понял. Ты напоминаешь мне Мисси - сестру Шелдона.
@Exot1k
@Exot1k Год назад
Спасибо
@vozay
@vozay Год назад
Все программисты играют на каком-то музыкальном иструменте и у них есть кот. Гитара есть, а кота я на этом канале ещё не видел. Должен быть.
@sahar_plays
@sahar_plays Год назад
Лайк за Анну, лайк за косы, косы вообще чумовые
@vladimir4659
@vladimir4659 Год назад
Мне почему-то кажется, что она парики носит. Но я без негатива, просто посмотрите другие видео.
@zakiro4277
@zakiro4277 Год назад
Лайк за полезную инфу в первую очередь 😄 а потом уже за красоту)
@cikada4
@cikada4 Год назад
У меня возникают ассоциации с девушками их Германии 🇩🇪, словно наступил Октоберфест. Лайк за образ и подачу материала
@bithack5612
@bithack5612 Год назад
Наконец-то добавили)
@Ruckus1986
@Ruckus1986 Год назад
Использую миксины) проще будет обновлять код. Ждём разработчиков браузеров
@jacquesmercury2898
@jacquesmercury2898 Год назад
Какие броузеры поддерживают?
@demontv8326
@demontv8326 Год назад
Есть ли такой который создают нейросет по вашему описанию
@war_criminal_
@war_criminal_ Год назад
Ну блин, это новшество уже не менее полугода существует)
@annblok_webdev
@annblok_webdev Год назад
Ну да, полгода - это очень давно)))
@it-kz3mo
@it-kz3mo Год назад
​@@annblok_webdevдля мира it,где идёт очень быстрое развитие-это много.Не сотни лет,но много
@arsa946
@arsa946 Год назад
Анна, спасибо.
@user-xl9ed4yj8r
@user-xl9ed4yj8r Год назад
А какая поддержка браузеров на данный момент?
@user-zt2ot2wj9p
@user-zt2ot2wj9p 11 месяцев назад
Облоденно удобно жаль не кроссбраузерно
@dmitrykostikov3909
@dmitrykostikov3909 Год назад
Написал несколько собственных шейдеров для канваса, WebGL. Было необходимо. Работает вообще ВЕЗДЕ. ПРОСТО ВЕЗДЕ. На распбериПи завелось, потом установил белкобраузер на андроид - работает прекрасно. На сафари - не работает ничего (вывел в консольку логи). Я вебом занимаюсь по необходимости, но уже настало время, когда всё работает на Эдже, потому что он на V8, а вот до яблочников прогресс пока увы не дошёл....
@dmitrykostikov3909
@dmitrykostikov3909 Год назад
Это я к тому, что автор сняла это видео про удобный медиа селектор, везде работает, кроме зануд из яблока.
@eugeneskrypnyk7396
@eugeneskrypnyk7396 Год назад
Анна и ее зрители Можете посоветовать книгу для изучения ООП. Какие больше подойдут для новичка, будущего front-end разработчика) Заранее спасибо❤
@user-dh5ji5qv1l
@user-dh5ji5qv1l Год назад
Анна, здравствуйте. А вот у меня такой вопрос, может конкретно для этого видео это не уместно, но всё же. Я столкнулся с проблемой, горда используешь свойство gap, то размены дочернего блока могут привесить размеры родительского, что в таком случае делать? Как лучше на ваш взгляд, использовать gap или лучше padding? С уважением, Алексей
@daria9621
@daria9621 Год назад
Вы имеете введу случай, когда дочерний элемент выходит за границы родительского блока при использовании gap? Я не Анна, но если вам интересно, то вот моё мнение. Если я правильно вас поняла, то проблема не в gap, а размерах дочерних элементов. Скорее всего у вас задана минимальная (или фиксированная) ширина. Из-за этого блоки выезжают за пределы родительского элемента. (т.к. они не подстраиваются под его ширину) Так же, может быть проблема в самих дочерних элементах. Они могут не подстраиваться под ширину родительского элемента, если вы не укажите это явно (зависит от тега) При выборе gap или padding, я предпочитаю gap, т.к. для padding нужно будет задавать дополнительные стили, чтобы убирать лишние отступы у последних блоков (смотря как использовать). Либо прописывать отрицательный margin вместе с padding (если отступ будет с 2 сторон) Так же, если в блоке нужен padding для других целей, а не для отступа, то может возникнуть проблема (т.к. он уже используется) и придётся оборачивать блок в ещё один блок, чтобы использовать padding для возникших нужд... Конечно, можно использовать margin вместо padding, тогда такой проблемы не возникнет, но опять же, придётся дописывать дополнительные стили (уже для margin). Плюсом gap является и то, что он не добавляет отступы, если он не нужен (если, например, элемент только 1. Ему, в таком случае, отступы не нужны). В чём-то я могу ошибаться, но я всё чаще использую gap и проблем в его использовании не заметила. Тем более у него достаточная поддержка браузерами, чтобы использовать его в работе.
@imgod113
@imgod113 Год назад
Верстка образа сенъорская!
@dimondimonov6417
@dimondimonov6417 Год назад
Может кто изучил js подскажите источник. Там где легко и понятно обучится
@lanstromedamusic4976
@lanstromedamusic4976 Год назад
Юху!)))
@moneyhunter180
@moneyhunter180 Год назад
Очень красивая и приятная девушка Анна. Я белой завистью завидую вашему мужчине.
@walterwhite4407
@walterwhite4407 Год назад
знак : >>>>>>>>
@rand_name6734
@rand_name6734 10 месяцев назад
Операторы сравнения
@user-qz4pq2gu4w
@user-qz4pq2gu4w Год назад
2:16 Откуда появилась привычка для div давать 100% ширину? По умолчанию блочные элементы имеют 100% ширину. Зачем писать лишний код?
@user-rk2ir9ov6f
@user-rk2ir9ov6f 11 месяцев назад
предлагаю изучить свойство display flex, и как оно работает) а именно что будет если задать его контейнеру в котором лежат пустые блоки без контента и посмотреть на ширину этих блоков без w100%)
@slymarbo3556
@slymarbo3556 Год назад
Я вам расскажу, но использовать мы это будем через два года.
@olegshchukin1455
@olegshchukin1455 Год назад
Медиа класс уже используется минимум 3 года
@MegaPapoy
@MegaPapoy Год назад
а 70% считается низкой поддержкой ?
@annblok_webdev
@annblok_webdev Год назад
Да
@pitergarin7034
@pitergarin7034 Год назад
Анна очень хорошее свойство ,но! Это свойство не совсем новое, оно появилось минимум года 2 назад. Впервые я по крайней мере о нем услышал именно 2 года назад у Вадима Макеева ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-o7A0e4PkSAQ.html Сейчас оно поддерживается всеми основными браузерами.
@user-zw2kj4cq6u
@user-zw2kj4cq6u Год назад
Первый
@user-iv8fw1rg6b
@user-iv8fw1rg6b Год назад
Какая приятная, чудесная девочка, глаз не оторвать
@user-kv4kq8vy5c
@user-kv4kq8vy5c Год назад
Ева элфи учит верстать пара завязывать с интернетом)
@walterwhite4407
@walterwhite4407 Год назад
Анна,ты замужем ? ))))
@9NeGaTV
@9NeGaTV Год назад
Анна, поддерживаете ли вы спецоперацию?
@baclosun
@baclosun Год назад
Просто зашёл написать, что css г*вно, зачем его придумали - непонятно.. Другие языки, как языки, а это убожество какое-то.. Адаптация это вообще ужас, современный язык CSS схож с языком C(и), там тоже нужно изобретать всё с нуля, но в сравнении с CSS, язык C(и) намного проще, понятнее и удобнее. Если вы решили учить CSS, оно того не стоит, смотрите в сторону компьютерных программ и программ для android, в web все очень плохо, но если тот же JS удобен и был таковым всегда, а со временем становится ещё удобное, то с HTML и CSS сдвигов нет, это языки 90х годов, точнее не языки, а так, ненужный бесполезный выс*р, но если вы всё-таки решите кануть с головой в омут этого хлама, то будьте готовы лишится всех головных нейронов, ибо это боль ..
@partnerhit
@partnerhit Год назад
Фыпиляфая, то, что здесь, только школьники младших классов незнают
@mirshodmurodov6770
@mirshodmurodov6770 Год назад
kruto
@dropgrop7854
@dropgrop7854 Год назад
postcss-media-minmax
Далее
Слайдер на чистом CSS без JavaScript
22:45