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

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 106

  • @yuritian8830
    @yuritian8830 Год назад +1

    У меня нет подходящих матов, чтобы выразить своё восхищение!!!

  • @p_boyko
    @p_boyko Год назад +22

    Отвернуться на полгода нельзя... Понапридумывали тут) Спасибо!

    • @andreylagno2372
      @andreylagno2372 Год назад +2

      время не стоит на месте.это же не жизнь в средневековье

    • @eugenegrosmanis
      @eugenegrosmanis Год назад

      😄 точно

    • @MegaPupizoid
      @MegaPupizoid Год назад +1

      @@andreylagno2372 В средневековье за такое сожгли бы

  • @LostInspector
    @LostInspector Год назад +6

    Это просто мега полезный урок! Я раньше думал, что с емами и ремами всё просто, а тут открыл для себя много нового.

  • @sashabest1479
    @sashabest1479 Год назад +1

    Для новичков это будет продуктивная информация, как знать, возможно кому-то попадется задание с такими измерениями.

  • @fiaskomen8320
    @fiaskomen8320 Год назад +1

    Я несколько единиц измерения уже проверил, но с удовольствием посмотрю остальные. СпасибО!

  • @СвітланаМартинюк-м8р

    Ти справжня молодчинка. Дякую за таку корисну інформацію. Цікаве відео.

  • @marinagor
    @marinagor Год назад +3

    классно так рассказано, все понятно, что другие источники больше не нужны)

  • @ЗорянаЗоряна-и7р
    @ЗорянаЗоряна-и7р Год назад +1

    Канал просто бомба. Автор рассказывает очень интересно, коротко и заинтересованно. Мне очень нравится.

  • @elinalara1752
    @elinalara1752 Год назад +2

    Очень четко и с обращением внимания на детали. Вы не перескакиваете с одного на другого и очень удобно по вашим занятиям разбираться.

  • @goldsmallfish6732
    @goldsmallfish6732 Год назад +1

    Спасибо. Вопросов по новым единицам измерения действительно много.

  • @user-olena_shatun
    @user-olena_shatun Год назад +3

    А я думала это очень сложно и непонятно, но после вашего видео в голове все систематизировалось и стало на свои места

  • @ВаняКонон-м3ш
    @ВаняКонон-м3ш Год назад +1

    Довольна интересно, очень полезное видео для тех кто хочет заниматься разработки веб сайтов)

  • @anastasiakotova2664
    @anastasiakotova2664 Год назад +3

    Очень ясно и понятно рассказываете, каких либо вопросов не возникло, спасибо большое)

  • @ТаняСавицкая-и4ъ
    @ТаняСавицкая-и4ъ Год назад +4

    Как быстро всё развивается, не успеваешь за всем следить. Спасибо за видео, кратко и по теме.

    • @Mimokrorodil
      @Mimokrorodil Год назад +1

      Вот именно.
      Хочется задать вопрос: А зачем это все?
      Какая конечная цель?
      Интернет - обоюдоострая бритва, и пока что большинству людей она просто режет руки.

  • @sergeymickolaenko1161
    @sergeymickolaenko1161 Год назад +2

    Замечательное видео, приятно слушать настоящего профессионала!

  • @БогданКушнір-к5ы
    @БогданКушнір-к5ы Год назад +1

    Век живи - век учись! И конца знаниям нет...

  • @Dragin_work
    @Dragin_work Год назад +2

    новички, обязательно проверяйте все новые возможности через can i use, чтобы потом клиент не пришел к вам почему в сафари не работает к примеру, и придется все переписывать

  • @КсенияВарганова-ш4р

    Отличный обзор.Оченьпросто и доходчиво объяснил ,самое то чтобы отточить свои навыки .Жду выхода новых Ваших видео .

  • @veles8431
    @veles8431 Год назад +1

    Все как всегда понятно и подробно показала мне нравится ролик.

  • @СергейИванов76
    @СергейИванов76 Год назад +2

    Понятно и просто всё объяснили , видео получилось информативным и полезным.

  • @АлександрКоваленко-ш1ы

    Благодарю за отличное разъяснение о новых единицах измерения CSS...

  • @rashvmatrix9387
    @rashvmatrix9387 Год назад +2

    Обучаюсь вместе с вами и благодаря вам. Большая благодарность за новые уроки.

  • @JeanaUchiha
    @JeanaUchiha Год назад +2

    Спасибо, что делитесь своими знаниями и помогаете во всем разобраться так просто и без заумных объяснений

  • @иринасмирнова-г9ч
    @иринасмирнова-г9ч Год назад +1

    благодарю за информативный ролик, доходчиво все объяснили

  • @gabber3502
    @gabber3502 Год назад

    Информация очень полезная,доходчиво и понятно разъясняете и наглядно показываете.

  • @АлексейВойтенко-з4б

    Видео полезное, спасибо, ещё круто выглядит освещение фона (голубое/красное), подскажешь, плз, что используешь?

  • @DerAleksey
    @DerAleksey Год назад +1

    Какая удобная штучка для адаптивности)

  • @seokmin5112
    @seokmin5112 Год назад +2

    Очень полезно, спасибо, что делитесь такой информацией. Один из лучших уроков, которые я смотрела

  • @АннаТкаченко-ш6ъ
    @АннаТкаченко-ш6ъ Год назад +1

    Спасибо, мало времени для изучения и разбора, но с тобой это понятнее и быстрее

  • @assoigor
    @assoigor Год назад +7

    Спасибо Анна, оч выручаешь, у самого времени не хватает на всё, ориентируюсь на тебя!! Всё новое, изменения и пр. в вебе узнаю сейчас от тебя!! еше раз спасибо!!
    ps: иии ты сама такая классненькая, симпатичная, приятная, и чемто притягательная), что тоже залипаешь и от этого)
    Спасибо и за это)

    • @global7649
      @global7649 Год назад

      вот вы дрочеры. вам информация нужна или баба накрашенная?

  • @РамзанДымов
    @РамзанДымов Год назад +1

    CSS очень полезная программа со множеством возможностей..! Нужно изучать однозначно..!

  • @dimalukashenko4865
    @dimalukashenko4865 Год назад +1

    Хорошее видео, спасибо за труд!

  • @ИнгаАртемова-р9ц
    @ИнгаАртемова-р9ц Год назад +1

    отличное видео очень позитивное и веселое . спасибо

  • @astorina_irina9907
    @astorina_irina9907 Год назад +1

    Было очень полезно, спасибо 😀

  • @rabirai8136
    @rabirai8136 Год назад

    Спасибо за ролик Анна узнал много нового для себя.

  • @tanyamatvienko664
    @tanyamatvienko664 Год назад +1

    Вау какие полезные знания, спасибо большое что вы поделились

  • @andreasshev5748
    @andreasshev5748 Год назад +1

    Анна, огромное спасибо за выпуск!

  • @doremirex
    @doremirex Год назад +1

    В FF пока не работает, в iOS работает только с версии 16.0. Через годик можно будет смело юзать :) А пока увы... А видео отличное, спасибо!👍

  • @viktordybach8763
    @viktordybach8763 Год назад

    Очень понятный, информативный обзор. Спасибо

  • @PearlDpUa
    @PearlDpUa Год назад +1

    Это для тех кто очень любит адаптивность) Хотя мне всегда хватало и % обычных.

  • @GREYZONE-w8s
    @GREYZONE-w8s Год назад +1

    Хочу начать свой путь в IT с PHP+SQL, Что вы можете сказать про выбор языка? Все рекомендуют Python+Django+Flask, но мне не нравится питон.

  • @serega_1671_
    @serega_1671_ Год назад

    Хороший и обширный, интересный видео информационный обзор, отличный канал которому желаю удачи и дальнейшего развитие и продвижения каналу.

  • @ВячеславДраенков
    @ВячеславДраенков Год назад +5

    А чем отличается height 10cqh от height 10%?

  • @jonsmith9748
    @jonsmith9748 Год назад +1

    Это все круто и полезно, но как опытный верстала скажу так, это все можно будет использовать минимум только через два 3 года, так как не все браузеры еще поддерживают, я не говорю о мобильный браузеров по типу Safari

  • @robereds245
    @robereds245 Год назад

    как говорится тяжело в учении за то легко в бою!

  • @D_Stolyarova
    @D_Stolyarova Год назад +1

    спасибо за видео! очень информативно и полезно. 👍👍👍 Жаль что пока поддержка не высокая, ну подождем...

  • @SergeyNavrocky
    @SergeyNavrocky Год назад +1

    Это очень Крутая функция, но этого добиться можно и другими способами на данный момент

  • @CityGorsk
    @CityGorsk Год назад +1

    Обучение в вашей школе индивидуальное или онлайн конференция с группой людей?

    • @annblok_webdev
      @annblok_webdev  Год назад

      Есть индивидуальный тариф и возможность обучения с куратором

  • @yuliapetrova7974
    @yuliapetrova7974 Год назад +1

    Вам надо педагогом быть. Отлично преподаете.

  • @Milkyway20239
    @Milkyway20239 Год назад +1

    Хорошее видео

  • @lanstromedamusic4976
    @lanstromedamusic4976 Год назад +1

    Да, у меня как раз множество вопросов)

  • @igorfinkovsky2714
    @igorfinkovsky2714 8 месяцев назад

    max и min в начале на фото указано что берется максимальное между i и b. а словами сказано что w и h

  • @АнатолийАнатольевич-ю6з

    Честно говоря обо многих единицах я и не слышал. Как вы все это держите в голове. Хотя с другой стороны по вам видно, вам это направление нравится.

  • @alexandrdeveloper7005
    @alexandrdeveloper7005 Год назад +2

    Осталось начать делать адаптивные сайты без медиа запросов

  • @АлексейСаныч-ц2л

    нет ничего хуже адаптивных шаблонов, потому что они зависят от размера окна браузера, а не от размера экрана. С чего бы на компьютерах при изменении окна всё должно подстраиваться под него и уменьшаться? Яркий пример фигового адаптивного дизайна - ютуб, где когда хочешь чуток сузить окно, чтобы на другой половине что-то было другое, то уменьшается размер видео, и всё в самом видео становится меньше, хотя хотелось просто развернуть браузер на полэкрана с сохранением размера видео. Из-за этой адаптивности такая возможность браузера как пользовательский масштаб работает некорректно и идёт лесом. Всё потому, что разработчик подумал за пользователя. Я уж не говорю о том, что изменение окна самого браузера на таких сайтах ведёт к тому, что меняется расположение блоков, они начинают прыгать с одного привычного места на другое, менять свои размеры и размеры текстов, рождая в голове мысль о глючности сайта. Поэтому хочется надеяться, что некоторые из представленных новшеств исправят ситуацию

  • @Xyjail
    @Xyjail Год назад

    Всё хорошо. Если разобраться, то будет довольно удобно. Но пока нет 99% поддержки, пускай будут "в уме"))))
    А пока пользуемся "rem" и небольшим читом))))
    :root {
    font-size: 62.5%;
    }

  • @farmlingarchontas2216
    @farmlingarchontas2216 Год назад +1

    А это сложная тема однако. Ну в любом случае я выжат как лимон... и еще вернусь сюда.

  • @ARTEMFOREVER
    @ARTEMFOREVER Год назад +1

    знание сила. и дается очень тяжело.🍉 ( 17:47 - что это за программа?)

  • @ВаняИванов-ч2в8ш
    @ВаняИванов-ч2в8ш Год назад +1

    Посмотрел на превью и не понял почему Ева Элфи записывает видео по css...

  • @michaelkamko
    @michaelkamko Год назад +1

    Мегаполезная штука, которой давно не хватало (например, чтобы вписать квадрат в резиновый блок).
    И супер красивая девчоночка, которая пишет коды - это КРУТО😻👍

    • @loolupuloolupu3246
      @loolupuloolupu3246 Год назад

      Ни разу программисток не встречал? 😂

    • @michaelkamko
      @michaelkamko Год назад +1

      @@loolupuloolupu3246 встречал редко (сам учился на программиста, где в группе были 3 девушки). Красивых - еще реже. Таких красивых как автор канала - первый раз))

  • @user-FedorVorobyev
    @user-FedorVorobyev Год назад

    Ну вот на простых примерах разобрали возможности новых единиц измерения: cqw, cqh, cqi, cqb, cqmax, cqmin. Но почему я так ничего и не понял?))

  • @user-fine7
    @user-fine7 Год назад +1

    з Felx-ми тоже работает или только з Grid-ми?

    • @annblok_webdev
      @annblok_webdev  Год назад

      С чем угодно можно совместить

  • @Kumanez1
    @Kumanez1 Год назад

    вопрос: почему vscode не видет cqw и container-type ну и все что с этим связано?

    • @annblok_webdev
      @annblok_webdev  Год назад

      Потому что их поддержка в браузерах относительно недавно стала появляться. Также когда-то и с гридами было.

    • @Kumanez1
      @Kumanez1 Год назад

      @@annblok_webdev а есть ли какие сроки их добавления?

  • @МихаилКоркунов-ц5о

    Очень непонятная для меня тема) Но ведь я "динозавр")))

  • @addRossi
    @addRossi Год назад

    когда и умная и красивая ❤

  • @olegivanov6231
    @olegivanov6231 Год назад

    Сделай пожалуйста видео про isolation. Общий смысл понятен, но всё равно не очень понятно, а на русском языке толком нет никакого объяснения. Точнее про mix-blend-mode всё понятно, но с использованием z index не очень, какой тут практическое применение

  • @Orbit_504
    @Orbit_504 Год назад

    Сколько стоит курс для начинающих?

  • @ftinkere
    @ftinkere Год назад +1

    Понавыдумывают тут, а нам разбирайся как это работает в разных контекстах

  • @ТатьянаСмирнова-э1ю

    Отличное видео однако, теперь CSS не тёмный лес для меня

  • @ЭльханАсадов-т9ъ

    Впервые вижу такую космическую внешность)

  • @mixamixa-no3ct
    @mixamixa-no3ct Год назад

    Доброго времени суток , увидел ваш блок , если возможно как можно с вами связаться?

    • @annblok_webdev
      @annblok_webdev  Год назад

      Email для связи указан в блоке "О канале"

  • @VIJana79
    @VIJana79 Год назад +1

    Как по мне, для блоков - бесполезное нововведение, с этим прекрасно справлялись проценты. А вот для плавной сены текста - это крутое дополнение.

  • @Rexschwert
    @Rexschwert Год назад

    Жду коллаба с Андреем Блоком

  • @abdul-malikibragimov9562
    @abdul-malikibragimov9562 Год назад

    как я понял, cqi дублирует vw, тогда не вижу смысла вводить данные единицы измерения...или я что-то упустил?

    • @annblok_webdev
      @annblok_webdev  Год назад +1

      Отличия всё же есть. Можете посмотреть практику с этими единицами - ruclips.net/video/Ly0U1Yy2OHI/видео.html

  • @ImmortalBest
    @ImmortalBest Год назад +1

    css это конечно хорошо, но кучеряшки более hot ☺

  • @krauter_roman
    @krauter_roman Год назад

    Ань, хотелось бы услышать Вас без подготовки текста 😉

  • @castiliOR
    @castiliOR Год назад

    Насколько я понял, данная фича в Mozilla Firefox не будет работать, пока что

    • @annblok_webdev
      @annblok_webdev  Год назад +1

      Там уже доступны обновы, используйте новую версию

    • @castiliOR
      @castiliOR Год назад

      @@annblok_webdev понял, спасибо за ответ =)

  • @КириллМохначевский-о3ю

    А так почему не проценты?

    • @annblok_webdev
      @annblok_webdev  Год назад

      По смыслу это ближе к vw и vh

  • @webschoolru778
    @webschoolru778 Год назад

    Аня вещает на молодых верстальщиков) Лично мне удобней дедовские %))

  • @indigosay
    @indigosay Год назад

    К сожалению, не получил внятного представления)

  • @pavelkubin1541
    @pavelkubin1541 Год назад

    Учитывая, что ChatGPT уже заменяет фронтендеров, какой смысл тратить время на изучение JavaScript?

  • @alephzero7808
    @alephzero7808 Год назад +1

    Да какого хрена они все меняют без конца,задолбали уже придурки.На жизнь времени не останется,на семью.Зрение теряется.Вот какого, спрашивается, хрена,менять все то,что прекрасно работало?

  • @_dannkiffer_8452
    @_dannkiffer_8452 Год назад

    Еее

  • @dll220
    @dll220 Год назад

    Зачем же цвет изучаемого элемента циан? Кровь из глаз (((

  • @A7l77
    @A7l77 2 дня назад

    Прошу меня простить, не хочу вас обижать самого блогера. Но свистите как суслик. Это очень режет слух. Думаю стоит просто сделать монтаж звука и убрать этот в конце присвист. И есть примета, не свести денег не будет

  • @ОлександрМостовиця

    А колір норм можно було вибирать, бо це перда.

  • @efremandre
    @efremandre Год назад

    ваще не понятно, для чего нужен этот container-type

  • @tonalmotions
    @tonalmotions Год назад

    как ты себе представляешь свою жизнь в путинской россии через два месяца?
    вам нужно знать больше об остальном мире?

  • @MaxAlekseyev
    @MaxAlekseyev 3 месяца назад

    Прикольно