Новые единицы измерения CSS: cqw, cqh, cqi, cqb, cqmax, cqmin

  Рет қаралды 30,825

Анна Блок

Анна Блок

Күн бұрын

Пікірлер: 106
@p_boyko
@p_boyko Жыл бұрын
Отвернуться на полгода нельзя... Понапридумывали тут) Спасибо!
@andreylagno2372
@andreylagno2372 Жыл бұрын
время не стоит на месте.это же не жизнь в средневековье
@eugenegrosmanis
@eugenegrosmanis Жыл бұрын
😄 точно
@MegaPupizoid
@MegaPupizoid Жыл бұрын
@@andreylagno2372 В средневековье за такое сожгли бы
@LostInspector
@LostInspector Жыл бұрын
Это просто мега полезный урок! Я раньше думал, что с емами и ремами всё просто, а тут открыл для себя много нового.
@СвітланаМартинюк-м8р
@СвітланаМартинюк-м8р Жыл бұрын
Ти справжня молодчинка. Дякую за таку корисну інформацію. Цікаве відео.
@sashabest1479
@sashabest1479 Жыл бұрын
Для новичков это будет продуктивная информация, как знать, возможно кому-то попадется задание с такими измерениями.
@fiaskomen8320
@fiaskomen8320 Жыл бұрын
Я несколько единиц измерения уже проверил, но с удовольствием посмотрю остальные. СпасибО!
@goldsmallfish6732
@goldsmallfish6732 Жыл бұрын
Спасибо. Вопросов по новым единицам измерения действительно много.
@marinagor
@marinagor Жыл бұрын
классно так рассказано, все понятно, что другие источники больше не нужны)
@ВаняКонон-м3ш
@ВаняКонон-м3ш Жыл бұрын
Довольна интересно, очень полезное видео для тех кто хочет заниматься разработки веб сайтов)
@иринасмирнова-г9ч
@иринасмирнова-г9ч Жыл бұрын
благодарю за информативный ролик, доходчиво все объяснили
@sergeymickolaenko1161
@sergeymickolaenko1161 Жыл бұрын
Замечательное видео, приятно слушать настоящего профессионала!
@КсенияВарганова-ш4р
@КсенияВарганова-ш4р Жыл бұрын
Отличный обзор.Оченьпросто и доходчиво объяснил ,самое то чтобы отточить свои навыки .Жду выхода новых Ваших видео .
@veles8431
@veles8431 Жыл бұрын
Все как всегда понятно и подробно показала мне нравится ролик.
@СергейИванов76
@СергейИванов76 Жыл бұрын
Понятно и просто всё объяснили , видео получилось информативным и полезным.
@АлександрКоваленко-ш1ы
@АлександрКоваленко-ш1ы Жыл бұрын
Благодарю за отличное разъяснение о новых единицах измерения CSS...
@elinalara1752
@elinalara1752 Жыл бұрын
Очень четко и с обращением внимания на детали. Вы не перескакиваете с одного на другого и очень удобно по вашим занятиям разбираться.
@БогданКушнір-к5ы
@БогданКушнір-к5ы Жыл бұрын
Век живи - век учись! И конца знаниям нет...
@JeanaUchiha
@JeanaUchiha Жыл бұрын
Спасибо, что делитесь своими знаниями и помогаете во всем разобраться так просто и без заумных объяснений
@DerAleksey
@DerAleksey Жыл бұрын
Какая удобная штучка для адаптивности)
@rashvmatrix9387
@rashvmatrix9387 Жыл бұрын
Обучаюсь вместе с вами и благодаря вам. Большая благодарность за новые уроки.
@seokmin5112
@seokmin5112 Жыл бұрын
Очень полезно, спасибо, что делитесь такой информацией. Один из лучших уроков, которые я смотрела
@dimalukashenko4865
@dimalukashenko4865 Жыл бұрын
Хорошее видео, спасибо за труд!
@АннаТкаченко-ш6ъ
@АннаТкаченко-ш6ъ Жыл бұрын
Спасибо, мало времени для изучения и разбора, но с тобой это понятнее и быстрее
@gabber3502
@gabber3502 Жыл бұрын
Информация очень полезная,доходчиво и понятно разъясняете и наглядно показываете.
@Dragin_work
@Dragin_work Жыл бұрын
новички, обязательно проверяйте все новые возможности через can i use, чтобы потом клиент не пришел к вам почему в сафари не работает к примеру, и придется все переписывать
@ИнгаАртемова-р9ц
@ИнгаАртемова-р9ц Жыл бұрын
отличное видео очень позитивное и веселое . спасибо
@АлексейВойтенко-з4б
@АлексейВойтенко-з4б Жыл бұрын
Видео полезное, спасибо, ещё круто выглядит освещение фона (голубое/красное), подскажешь, плз, что используешь?
@doremirex
@doremirex Жыл бұрын
В FF пока не работает, в iOS работает только с версии 16.0. Через годик можно будет смело юзать :) А пока увы... А видео отличное, спасибо!👍
@tanyamatvienko664
@tanyamatvienko664 Жыл бұрын
Вау какие полезные знания, спасибо большое что вы поделились
@andreasshev5748
@andreasshev5748 Жыл бұрын
Анна, огромное спасибо за выпуск!
@rabirai8136
@rabirai8136 Жыл бұрын
Спасибо за ролик Анна узнал много нового для себя.
@РамзанДымов
@РамзанДымов Жыл бұрын
CSS очень полезная программа со множеством возможностей..! Нужно изучать однозначно..!
@serega_1671_
@serega_1671_ Жыл бұрын
Хороший и обширный, интересный видео информационный обзор, отличный канал которому желаю удачи и дальнейшего развитие и продвижения каналу.
@SergeyNavrocky
@SergeyNavrocky Жыл бұрын
Это очень Крутая функция, но этого добиться можно и другими способами на данный момент
@ВячеславДраенков
@ВячеславДраенков Жыл бұрын
А чем отличается height 10cqh от height 10%?
@Milkyway20239
@Milkyway20239 Жыл бұрын
Хорошее видео
@alexandrdeveloper7005
@alexandrdeveloper7005 Жыл бұрын
Осталось начать делать адаптивные сайты без медиа запросов
@lanstromedamusic4976
@lanstromedamusic4976 Жыл бұрын
Да, у меня как раз множество вопросов)
@АнатолийАнатольевич-ю6з
@АнатолийАнатольевич-ю6з Жыл бұрын
Честно говоря обо многих единицах я и не слышал. Как вы все это держите в голове. Хотя с другой стороны по вам видно, вам это направление нравится.
@igorfinkovsky2714
@igorfinkovsky2714 6 ай бұрын
max и min в начале на фото указано что берется максимальное между i и b. а словами сказано что w и h
@michaelkamko
@michaelkamko Жыл бұрын
Мегаполезная штука, которой давно не хватало (например, чтобы вписать квадрат в резиновый блок). И супер красивая девчоночка, которая пишет коды - это КРУТО😻👍
@loolupuloolupu3246
@loolupuloolupu3246 Жыл бұрын
Ни разу программисток не встречал? 😂
@michaelkamko
@michaelkamko Жыл бұрын
@@loolupuloolupu3246 встречал редко (сам учился на программиста, где в группе были 3 девушки). Красивых - еще реже. Таких красивых как автор канала - первый раз))
@yuliapetrova7974
@yuliapetrova7974 Жыл бұрын
Вам надо педагогом быть. Отлично преподаете.
@ftinkere
@ftinkere Жыл бұрын
Понавыдумывают тут, а нам разбирайся как это работает в разных контекстах
@farmlingarchontas2216
@farmlingarchontas2216 Жыл бұрын
А это сложная тема однако. Ну в любом случае я выжат как лимон... и еще вернусь сюда.
@GREYZONE-w8s
@GREYZONE-w8s Жыл бұрын
Хочу начать свой путь в IT с PHP+SQL, Что вы можете сказать про выбор языка? Все рекомендуют Python+Django+Flask, но мне не нравится питон.
@kolya69rus
@kolya69rus Жыл бұрын
Спасибо за познавательное видео. и девушка красивая ))
@ТатьянаСмирнова-э1ю
@ТатьянаСмирнова-э1ю Жыл бұрын
Отличное видео однако, теперь CSS не тёмный лес для меня
@CityGorsk
@CityGorsk Жыл бұрын
Обучение в вашей школе индивидуальное или онлайн конференция с группой людей?
@annblok_webdev
@annblok_webdev Жыл бұрын
Есть индивидуальный тариф и возможность обучения с куратором
@Rexschwert
@Rexschwert Жыл бұрын
Жду коллаба с Андреем Блоком
@ARTEMFOREVER
@ARTEMFOREVER Жыл бұрын
знание сила. и дается очень тяжело.🍉 ( 17:47 - что это за программа?)
@annblok_webdev
@annblok_webdev Жыл бұрын
Инспектор в Google Chrome
@ЭльханАсадов-т9ъ
@ЭльханАсадов-т9ъ Жыл бұрын
Впервые вижу такую космическую внешность)
@olegivanov6231
@olegivanov6231 Жыл бұрын
Сделай пожалуйста видео про isolation. Общий смысл понятен, но всё равно не очень понятно, а на русском языке толком нет никакого объяснения. Точнее про mix-blend-mode всё понятно, но с использованием z index не очень, какой тут практическое применение
@ВаняИванов-ч2в8ш
@ВаняИванов-ч2в8ш Жыл бұрын
Посмотрел на превью и не понял почему Ева Элфи записывает видео по css...
@АлексейСаныч-ц2л
@АлексейСаныч-ц2л Жыл бұрын
нет ничего хуже адаптивных шаблонов, потому что они зависят от размера окна браузера, а не от размера экрана. С чего бы на компьютерах при изменении окна всё должно подстраиваться под него и уменьшаться? Яркий пример фигового адаптивного дизайна - ютуб, где когда хочешь чуток сузить окно, чтобы на другой половине что-то было другое, то уменьшается размер видео, и всё в самом видео становится меньше, хотя хотелось просто развернуть браузер на полэкрана с сохранением размера видео. Из-за этой адаптивности такая возможность браузера как пользовательский масштаб работает некорректно и идёт лесом. Всё потому, что разработчик подумал за пользователя. Я уж не говорю о том, что изменение окна самого браузера на таких сайтах ведёт к тому, что меняется расположение блоков, они начинают прыгать с одного привычного места на другое, менять свои размеры и размеры текстов, рождая в голове мысль о глючности сайта. Поэтому хочется надеяться, что некоторые из представленных новшеств исправят ситуацию
@VIJana79
@VIJana79 Жыл бұрын
Как по мне, для блоков - бесполезное нововведение, с этим прекрасно справлялись проценты. А вот для плавной сены текста - это крутое дополнение.
@krauter_roman
@krauter_roman Жыл бұрын
Ань, хотелось бы услышать Вас без подготовки текста 😉
@Orbit_504
@Orbit_504 Жыл бұрын
Сколько стоит курс для начинающих?
@user-FedorVorobyev
@user-FedorVorobyev Жыл бұрын
Ну вот на простых примерах разобрали возможности новых единиц измерения: cqw, cqh, cqi, cqb, cqmax, cqmin. Но почему я так ничего и не понял?))
@abdul-malikibragimov9562
@abdul-malikibragimov9562 Жыл бұрын
как я понял, cqi дублирует vw, тогда не вижу смысла вводить данные единицы измерения...или я что-то упустил?
@annblok_webdev
@annblok_webdev Жыл бұрын
Отличия всё же есть. Можете посмотреть практику с этими единицами - kzbin.info/www/bejne/gqqThmSPrpeCfqs
@ImmortalBest
@ImmortalBest Жыл бұрын
css это конечно хорошо, но кучеряшки более hot ☺
@mixamixa-no3ct
@mixamixa-no3ct Жыл бұрын
Доброго времени суток , увидел ваш блок , если возможно как можно с вами связаться?
@annblok_webdev
@annblok_webdev Жыл бұрын
Email для связи указан в блоке "О канале"
@indigosay
@indigosay Жыл бұрын
К сожалению, не получил внятного представления)
@КириллМохначевский-о3ю
@КириллМохначевский-о3ю Жыл бұрын
А так почему не проценты?
@annblok_webdev
@annblok_webdev Жыл бұрын
По смыслу это ближе к vw и vh
@castiliOR
@castiliOR Жыл бұрын
Насколько я понял, данная фича в Mozilla Firefox не будет работать, пока что
@annblok_webdev
@annblok_webdev Жыл бұрын
Там уже доступны обновы, используйте новую версию
@castiliOR
@castiliOR Жыл бұрын
@@annblok_webdev понял, спасибо за ответ =)
@pavelkubin1541
@pavelkubin1541 Жыл бұрын
Учитывая, что ChatGPT уже заменяет фронтендеров, какой смысл тратить время на изучение JavaScript?
@dll220
@dll220 Жыл бұрын
Зачем же цвет изучаемого элемента циан? Кровь из глаз (((
@_dannkiffer_8452
@_dannkiffer_8452 Жыл бұрын
Еее
@ОлександрМостовиця
@ОлександрМостовиця Жыл бұрын
А колір норм можно було вибирать, бо це перда.
@alephzero7808
@alephzero7808 Жыл бұрын
Да какого хрена они все меняют без конца,задолбали уже придурки.На жизнь времени не останется,на семью.Зрение теряется.Вот какого, спрашивается, хрена,менять все то,что прекрасно работало?
@efremandre
@efremandre Жыл бұрын
ваще не понятно, для чего нужен этот container-type
@tonalmotions
@tonalmotions Жыл бұрын
как ты себе представляешь свою жизнь в путинской россии через два месяца? вам нужно знать больше об остальном мире?
@MaxAlekseyev
@MaxAlekseyev Ай бұрын
Прикольно
@assoigor
@assoigor Жыл бұрын
Спасибо Анна, оч выручаешь, у самого времени не хватает на всё, ориентируюсь на тебя!! Всё новое, изменения и пр. в вебе узнаю сейчас от тебя!! еше раз спасибо!! ps: иии ты сама такая классненькая, симпатичная, приятная, и чемто притягательная), что тоже залипаешь и от этого) Спасибо и за это)
@global7649
@global7649 Жыл бұрын
вот вы дрочеры. вам информация нужна или баба накрашенная?
@yuritian8830
@yuritian8830 10 ай бұрын
У меня нет подходящих матов, чтобы выразить своё восхищение!!!
@jonsmith9748
@jonsmith9748 Жыл бұрын
Это все круто и полезно, но как опытный верстала скажу так, это все можно будет использовать минимум только через два 3 года, так как не все браузеры еще поддерживают, я не говорю о мобильный браузеров по типу Safari
@PearlDpUa
@PearlDpUa Жыл бұрын
Это для тех кто очень любит адаптивность) Хотя мне всегда хватало и % обычных.
@ТаняСавицкая-и4ъ
@ТаняСавицкая-и4ъ Жыл бұрын
Как быстро всё развивается, не успеваешь за всем следить. Спасибо за видео, кратко и по теме.
@Mimokrorodil
@Mimokrorodil Жыл бұрын
Вот именно. Хочется задать вопрос: А зачем это все? Какая конечная цель? Интернет - обоюдоострая бритва, и пока что большинству людей она просто режет руки.
@anastasiakotova2664
@anastasiakotova2664 Жыл бұрын
Очень ясно и понятно рассказываете, каких либо вопросов не возникло, спасибо большое)
@user-olena_shatun
@user-olena_shatun Жыл бұрын
А я думала это очень сложно и непонятно, но после вашего видео в голове все систематизировалось и стало на свои места
@webschoolru778
@webschoolru778 Жыл бұрын
Аня вещает на молодых верстальщиков) Лично мне удобней дедовские %))
@ЗорянаЗоряна-и7р
@ЗорянаЗоряна-и7р Жыл бұрын
Канал просто бомба. Автор рассказывает очень интересно, коротко и заинтересованно. Мне очень нравится.
@Xyjail
@Xyjail Жыл бұрын
Всё хорошо. Если разобраться, то будет довольно удобно. Но пока нет 99% поддержки, пускай будут "в уме")))) А пока пользуемся "rem" и небольшим читом)))) :root { font-size: 62.5%; }
@astorina_irina9907
@astorina_irina9907 Жыл бұрын
Было очень полезно, спасибо 😀
@МихаилКоркунов-ц5о
@МихаилКоркунов-ц5о Жыл бұрын
Очень непонятная для меня тема) Но ведь я "динозавр")))
@user-fine7
@user-fine7 Жыл бұрын
з Felx-ми тоже работает или только з Grid-ми?
@annblok_webdev
@annblok_webdev Жыл бұрын
С чем угодно можно совместить
@D_Stolyarova
@D_Stolyarova Жыл бұрын
спасибо за видео! очень информативно и полезно. 👍👍👍 Жаль что пока поддержка не высокая, ну подождем...
@robereds245
@robereds245 Жыл бұрын
как говорится тяжело в учении за то легко в бою!
@viktordybach8763
@viktordybach8763 Жыл бұрын
Очень понятный, информативный обзор. Спасибо
@Kumanez1
@Kumanez1 Жыл бұрын
вопрос: почему vscode не видет cqw и container-type ну и все что с этим связано?
@annblok_webdev
@annblok_webdev Жыл бұрын
Потому что их поддержка в браузерах относительно недавно стала появляться. Также когда-то и с гридами было.
@Kumanez1
@Kumanez1 Жыл бұрын
@@annblok_webdev а есть ли какие сроки их добавления?
@addRossi
@addRossi Жыл бұрын
когда и умная и красивая ❤
Эта новинка в CSS смогла заменить JavaScript
9:46
Правило @property в CSS для переменных
10:10
Анна Блок
Рет қаралды 16 М.
WORLD BEST MAGIC SECRETS
00:50
MasomkaMagic
Рет қаралды 52 МЛН
Inside Out 2: BABY JOY VS SHIN SONIC 3
00:19
AnythingAlexia
Рет қаралды 8 МЛН
Spongebob ate Michael Jackson 😱 #meme #spongebob #gmod
00:14
Mr. LoLo
Рет қаралды 8 МЛН
Это Видео ЗАСТАВИТ Плакать Фронтендеров!
11:57
CSS units for font-size: px, %, em, rem, vw, vh, vmin, vmax
18:35
Анна Блок
Рет қаралды 70 М.
What is the difference between Float, Flexbox and Grid CSS?
10:06
Анна Блок
Рет қаралды 219 М.
Замена лица на видео в приложении SeaArt
11:44
Маркасова Элеонора
Рет қаралды 2,1 М.
Программисты-самоучки... Слушайте внимательно.
22:45
Евгений Афанасьев
Рет қаралды 71 М.
The secret to mastering CSS layouts
17:11
Kevin Powell
Рет қаралды 283 М.
Кто и почему убивает Фронтенд?
20:40
Миша Ларченко
Рет қаралды 25 М.
Новый CSS и HTML!
37:44
Как пройти в IT?
Рет қаралды 149 М.