CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.

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

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

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  3 года назад +39

    Ну что полезно? Спасибо за лайк репост и комментарий!
    🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
    🔴 Курс по верстке: edu.fls.guru
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: facebook.com/freelancerlifestyle
    🔴 Instagram: instagram.com/freelancer.lifestyle

    • @smert-chekistam
      @smert-chekistam 3 года назад +2

      Самый крутой выпуск!👍 Придется много раз пересматривать, чтобы переварить 🤷. Нет, усвоить.

    • @Anderson-jy8bn
      @Anderson-jy8bn 3 года назад +2

      Да хочу видео по решению проблемы с блоками через js :) Очень хочу. Может не я один

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

    Таким и должно быть обучающее видео, никакой воды, все четко и по существу. Объяснение грамотное, с хорошей дикцией и все понятно. Очень благодарен, подписался)

  • @vl8224
    @vl8224 2 года назад +1

    Дякую за таке корисне відео. В якийсь момент мій мозок зламався, що вказує на потребу в більшій кількості практики, але однозначно честь і хвала за такий бомбічний контент.

  • @garagem-1937
    @garagem-1937 Год назад +1

    Найкраще та найдетальніше відео з поясненням про одиниці вімірювання в ютубі 👍🏻

  • @bonafidesjo
    @bonafidesjo 4 месяца назад

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

  • @ugenedev
    @ugenedev 3 года назад +25

    Редко пишу комментарии, но это, это просто фантастика. Я обожаю всякую магию, всякие приемы, которые мало кто знает, а тем более использует. Невероятные эмоции от просмотра. Информации очень полезная и исчерпывающая. Очень заинтриговала магия sass-script ) Спасибо больше за ваш труд!

  • @svetlanapokrovskaya7798
    @svetlanapokrovskaya7798 3 года назад +4

    Посмотрела подпись к ролику, подумала, что да, интересно, нужно посмотреть. Но я не ожидала, что мне придется пересматривать этот ролик три раза, столько нюансов! Огромное спасибо за труд, за знания, которыми вы делитесь.

  • @igorfeticov
    @igorfeticov 3 года назад +102

    Регулярно делать обучающие/мотивационные видео, вести курс, работать и все это делать в свободное от жизни время. Мне одному кажется, что у Жени в сутках гораздо больше чем 24 часа?)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 года назад +10

      Возможно)

    • @xxxujibu4xxx
      @xxxujibu4xxx 3 года назад

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

    • @kotlancer
      @kotlancer 3 года назад +1

      @@xxxujibu4xxx если это не работа, тогда что? 😅

    • @xxxujibu4xxx
      @xxxujibu4xxx 3 года назад

      @@kotlancer это возможно работа, на которую не надо тратить по 8 часов в день.

    • @eugeniotur
      @eugeniotur 3 года назад +6

      Когда любишь то что делаешь и это приносит тебе радость, это не работа.

  • @Alina-ep4ne
    @Alina-ep4ne 3 года назад +8

    Самый полезный и понятный контент на тему верстки и js. Огромное спасибо!!!
    Впервые лайкаю все просмотренные ролики на канале😁

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

    Довго не розумів,чому і навіщо використовують ці Em та Rem,та завдяки Вам,всеж-таки зрозумів,а ці лайфхаки - скарб,дякую за працю!!!

  • @shah7038
    @shah7038 2 года назад +3

    ОБЬЯСНЕНИЯ, КАК ВСЕГДА НА ВЫСОТЕ !!! лучший учитель-блогер , которого я нашел. Ничего лишнего , все разжевано , практически все понятно . ЛУЧШИЙ !!! Спасибо за бесплатный огромный доступный труд !!!!!!!

  • @plinfa3932
    @plinfa3932 3 года назад +25

    Как всегда отличный контент. Сразу видно огромную работу проделанную автором. Фразы лаконичные и очень информативно емкие. Примеры заранее продуманные и подготовленные. Звук просто на высоте. А контент просто супер. Нам остается просто впитывать каждую секунду ролика поданную автором как на блюдечке. Большое спасибо за Вашу работу и конечно, же успехов и процветания каналу и школе!

  • @aceracer5556
    @aceracer5556 3 года назад +28

    Мне кажется все давно ждали этого урока )) Совместить со знаниями резиновой верстки и будет огонь! Спасибо тебе добрый человек!

  • @qwe-rty-
    @qwe-rty- 2 года назад +8

    Привет, Женя, в очередной раз возвращаюсь к твоим урокам спустя некоторое время, а ты, как и всегда, разжевываешь информацию для нас, очень приятно осознавать, что у меня, как и у сотен тысяч людей, появился такой наставник, или даже сенсей.
    Спасибо тебе огромное!!!❤️

  • @GaponovaT
    @GaponovaT 3 года назад +39

    Каждый новый урок от тебя делает мой день, спасибо, ты крут)💖

  • @sergeychaus3028
    @sergeychaus3028 3 года назад +1

    Один из лучших!). Таких блогеров про фронтенд на постсоветском пространстве на пальцах одной руки. Столько полезной инфы, весь код можно сказать отточен до идеального состояния по надежности, продуманности и красоте результата. И человек видно хороший. Удачи тебе!)

  • @ОртодоксальныйВатник

    Спасибо! Это однозначно один из лучших каналов в русскоговорящем ютьюбе. Интересные темы, доступное изложение, мотивирующая подача. Очень круто!

  • @alexofwallstreet6609
    @alexofwallstreet6609 3 года назад +4

    Как все просто и понятно объяснено! Вы настоящий мастер своего дела, спасибо! 🥰

  • @fordjl9811
    @fordjl9811 3 года назад +10

    Это видео просто чудо! Аж сердце заколотилось)) Выпуск просто бомба спасибо за твои труды!)

  • @alexfadey
    @alexfadey 3 года назад +4

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

  • @07km
    @07km 3 года назад +31

    Лайк не глядя, вчера только начал изучать единицы измерения, и тут выходит урок от Евгения 👍👍👍

  • @vassiliymarkov7893
    @vassiliymarkov7893 3 года назад +1

    Спасибо огромное! Никак не мог разобраться со всеми этими em, rem, fr... Одно видео - и все встало понятно! Спасибо!

  • @DenisZagvozdin
    @DenisZagvozdin 3 года назад +7

    Спасибо за твои труды)) видео очень качественное и полезное!
    Мне казалось, верстая 2 года, я всё знаю об единицах измерения, но это не так... В этом видео я узнал некоторые новые вещи для себя. Ещё раз спасибо :)

  • @alexivanov8239
    @alexivanov8239 3 года назад +2

    Как раз вчера разбирался с responsiv версткой, и тут материал для закрепления от Жеки) Он просто зверь, читает мысли))

  • @mahonyaKodit
    @mahonyaKodit 2 года назад +2

    Женя! Ты лучший!
    Часто попадалось это видео, но я пролистывала его, мол чего я в ремах не знаю. А вот много чего!
    Ютуб был создан для того, чтобы ты делал эти прекрасные уроки! Спасибо за труд 🧡

  • @joyway2246
    @joyway2246 2 года назад +1

    Просто, доступно, интересно!!! Огромное спасибо за вашу работу! Очень приятно слушать и легко воспринимать информацию.

  • @ЕленаИванова-ф4д3е
    @ЕленаИванова-ф4д3е 3 года назад +1

    Спасибо за ваши уроки. Недавно посмотрела видео-стрим на котором говорили про ремы. Была информация поставить 10px для html , а для боди1.6 rem. Тогда ничего не надо считать, просто например для 32 px, поставить точку3.2rem . А если заказчик захочет увеличить размер шрифта, то поменять для боди размер на нужное количество пикселей и все автоматически увеличится на этот размер.
    Мне кажется , так очень удобно и ничего не нужно пересчитывать

  • @andreyfrolov2813
    @andreyfrolov2813 3 года назад +2

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

  • @shukonfadah5725
    @shukonfadah5725 2 года назад +2

    все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём желаю мира и спокойствия вашей стране и семье

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м 3 года назад +3

    У тебя просто талант к преподаванию!!!!!
    Очередной лайк!!!!!
    Очень крутой материал. Огромное спасибо!!!!!

  • @grgvgrgv
    @grgvgrgv 3 года назад +3

    Ахахаха, как в воду глядел, я как раз хотел на днях углубить свои знания в новых единицах ))) Конечно, твой ролик не отменит чтения книги и MDN, но ща на велик и буду смотреть! Твой контент я бы сказал ДА - содержательный, но лично для меня польза его больше в другом - зажигает интерес к теме и мотивирует идти и углублять знания быстрее через книги/доки и, безусловно, практику! :) Ну и шикарная подача контента - очень важно, большая редкость на ютубе.

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

    Спасибо тебе женя прошел практически весь бесплатный курс по верстке и сверстал 2 начинающего макета для начала но впереди только больше

  • @ilyalakhno2850
    @ilyalakhno2850 2 года назад

    Всё гениальное просто. Из твоих уст (../методики/монтажа/примеров/ и т.д.) всё просто и гениально))

  • @frontend_coder
    @frontend_coder 2 года назад

    Спасибо за такие замечательные уроки, Сколько я проходил уроки Верстки, ни где информация так быстро до меня не доходила!

  • @MilenaAdelin2207
    @MilenaAdelin2207 2 года назад

    Євген, завдяки твоім урокам я знайшла першу роботу, працюю вже 9 місяців і нажаль не завжди вичатачає часу дивитись твої уроки, але зараз маю зверстати інтернем магазин з 0. Хочу спробувати використовувати rem чи em. От вирішила розібратись в чому різниця між ними) Якщо виникають моменти коли щось нове або коли шось не виходить , я одразу заходжу на твій канал, бо знаю що краще за тебе ніхто не пояснить. Дякую за твою роботу) Мирного неба!!!

  • @artbotguy
    @artbotguy 3 года назад +1

    Ооо в видосил залетел комментик отписал. Глубоко поблагодарил Евгения за его труды:)
    Ещё одно видео!
    Такими темпами у каждого интересующегося будет достаточное количество инфы на ближайшие 5 лет в плане вëрстки и фронтенд разработки в целом. Спасибо! Лучший!

  • @ДенисКузнецов-н3я
    @ДенисКузнецов-н3я 3 года назад +3

    Спасибо за объяснение, чётко, грамотно и с примерами! Супер!

  • @sergmalin210
    @sergmalin210 3 года назад +4

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

  • @yatut4467
    @yatut4467 3 года назад +1

    Спасибо, очень качественный и не побоюсь сказать эксклюзивный контент. Буквально за пару дней до выхода ролика гуглил про использование rem для блоков, но везде была инфа, что это для шрифтов)

  • @podmeskaliom
    @podmeskaliom 3 года назад +1

    Жека,ты сверхчеловек)На платных курсах такое не показывают.Респектос+лайкич+комментыч ныыыыаааа

  • @ВладиславВласов-ь9ж
    @ВладиславВласов-ь9ж 3 года назад +2

    Оаоаоаоа у Жеки новое долгожданное видео) Лайк ставлю стразу!

  • @Faradenza-sb3mj
    @Faradenza-sb3mj 2 года назад +1

    У вас курсы круче чем платные!.

  • @MrDimichZ
    @MrDimichZ 3 года назад +1

    Просто супер. Особенно умилила фраза "я очень волнуюсь" ))

  • @ЕвгенийПарфёнов-с7м
    @ЕвгенийПарфёнов-с7м 3 года назад +2

    Блин. Просто шикарно. Огромная работа проделана! Спасибо. Все просто максимально понятно!

  • @YaniaRZ
    @YaniaRZ 3 года назад +2

    Казалось, что там сложного, сейчас быстренько посмотрю!!! Придется еще раз смотреть.
    Смотрела вроде про препроцессоры, но как написать эти функции не поняла. Буду искать еще ролики!
    Спасибо, большое!

  • @nikolaiabat6937
    @nikolaiabat6937 3 года назад +1

    Всегда проверяю не забыл ли я поставить лайк под видео. Спасибо за годный контент сразу руки зачесались сверстать что-нибудь новое с полученными знаниями.

  • @senyasong1421
    @senyasong1421 2 года назад +3

    Какой же вы приятный человек ) смотришь ваши видео и так спокойно становится ненадолго в это не спокойное время. Спасибо вам за ваш труд❤️

  • @mixelio
    @mixelio 3 года назад +1

    Спасибо за интересные и содержательные уроки. К сожалению не получилось попасть на курс. Но в ютубе очень все понятно объясняешь. Спасибо.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 года назад

      Пожалуйста! Сейчас открыт новый набор

  • @cryptoneophyte
    @cryptoneophyte 2 года назад

    Освоил верстку почти только лишь благодаря вашему курсу! Спасибо!

  • @enemate824
    @enemate824 2 года назад

    Каждый раз, когда что-то верстаю, думаю, что отлично получилось. Но после очередного просмотренного твоего выпуска, понимаю, что можно было проше и гораздо лучше. Информация, подача, доступность - все на высшем уровне. Спасибо огромное за твой труд! Контент действительно очень полезный и интересный. Желаю успехов и роста во всем!

  • @РавшанУмаров-м9е
    @РавшанУмаров-м9е 3 года назад +5

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

  • @tatianadmitrieva6712
    @tatianadmitrieva6712 2 года назад

    Жека, Велике спасибі за цей урок, пояснив складні речі простими словами! 👍

  • @ЮлияРоманенко-к4ц
    @ЮлияРоманенко-к4ц Месяц назад

    Мега полезно, спасибо большое 🙏 Большого процветания Вам🤗

  • @internetlift
    @internetlift 3 года назад +6

    Честно это просто супер урок. Мескины меня сильно удивили. Ранее не использал мексины и это честно магия эволюции

  • @Lopa_boba
    @Lopa_boba 3 года назад +4

    О, спасибо. Как раз понял, что надо разобраться в этом и тут кстати ролик 🥳

  • @ВаняКозачук-ж8к
    @ВаняКозачук-ж8к 2 года назад +1

    Неймовірної корисності урок. Дякую за твою роботу!

  • @web2905
    @web2905 3 года назад

    Спасибо огромное. Смотрю твой ролик 1 января 2022 года. Очень полезное и понятное видео. Хотел бы также поздравить тебя с новым годом, пожелать чтобы все твои мечты сбылись, здоровья и огромного счастья.

  • @АннаКибенко-у3х
    @АннаКибенко-у3х 3 года назад

    Женя, спасибо. Мне везёт, начала разбираться с единицами, а тут видос подвезли. Всё понятно. Лайк

  • @ИльяЗемля-щ3с
    @ИльяЗемля-щ3с 3 года назад

    Не поленился пройти по всем видео на канале чтобы лайкнуть и оставить комент. Жека респект!

  • @jeka_koba
    @jeka_koba 3 года назад +3

    Мега полезная инфа! Спасибо огромное! Ты лучший🙏

  • @keks_o4162
    @keks_o4162 3 года назад +1

    Евгений, вы наше всё!

  • @bibik_s_egipta
    @bibik_s_egipta 3 года назад

    Лучший из лучших!Ждем новых уроков!Женя КРАСАВА!!

  • @АндрейСачук-к4н
    @АндрейСачук-к4н 3 года назад +4

    Лайк не глядя!
    Давно ждем)

  • @vladko9623
    @vladko9623 3 года назад

    Великолепно! Как раз у меня в задачах было освежить знания по единицам измерения. Спасибо огромное.

  • @ВладимирФартусов-ъ9ч
    @ВладимирФартусов-ъ9ч 2 года назад +2

    отличный учебный материал, каждый момент разобран до мелочей!

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

    Видео офигенное, действительно вносит ясность что и зачем используется. Минимум времени - максимум результата. Конечно придется переделывать свой "*авно-код"... мда, но лучше поздно чем никогда )))

  • @ВиталийКабаков-ф5э
    @ВиталийКабаков-ф5э 3 года назад +1

    Первый шаг к пониманию - выполено!

  • @Uncaught_in_promise
    @Uncaught_in_promise 3 года назад +1

    Лайк не глядя. Все что от Фрилансера по жизни - безкомпромиссная годнота

  • @pavlorozhko1342
    @pavlorozhko1342 3 года назад +1

    Вторая половина видео - огонь!!!

  • @ГлобалФейшн
    @ГлобалФейшн 2 года назад

    отлично, думаю на этом CSS закончил изучать) ты лучший учитель! завтра приступаю к JS. спасибо за все!!! вернись к нам Жека. нам в этом мире IT без тебя сложно мы скучаем

  • @frednoby8531
    @frednoby8531 3 года назад +1

    За SCSS-функции особая благодарность!

    • @beach_explorer_be
      @beach_explorer_be 2 года назад

      Почему у меня не работае функция? Неизвестное свойство math выдаёт

  • @veaceslavcobelev3943
    @veaceslavcobelev3943 3 года назад +1

    Урааааааааа ! очень актуальный выпуск

  • @adilbek.ermekov
    @adilbek.ermekov 3 года назад +1

    Ох, наконец-то. Спасибо!

  • @АндрейЗизин
    @АндрейЗизин 3 года назад +3

    Женя!!! Прееелестно! Прееелестно!!!. Просто замечательно полезное видео.

  • @SergioUkrAr
    @SergioUkrAr 3 года назад +2

    Крутяк, супер, так все разложил, красава), спасибо, честно до этого для меня это была каробка пандоры.

  • @keepworking2705
    @keepworking2705 3 года назад

    Ну вот и вспомнил CSS и HTML по этому замечательному плейлисту. Всё структурировано, лаконично, понятно. Конечно это далеко не весь CSS но тут вся основа, для того чтобы двигаться дальше. Большое спасибо за труд. *Лайки ставить не забывал)))

  • @ЛИЗАТВ-ч3я
    @ЛИЗАТВ-ч3я 3 года назад +2

    Вот ты Мощный 😎чувак! Жекич здоровья и сил!

  • @alexanderweba7166
    @alexanderweba7166 3 года назад +1

    Огромное спасибо за подробно изложенный материал !!!

  • @A_A_A182
    @A_A_A182 2 года назад

    Спасибо за ваши видео, Евгений

  • @whiterhino752
    @whiterhino752 3 года назад +2

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

  • @Socvetie_by
    @Socvetie_by 3 года назад +3

    Урок супер! И очень вовремя.

  • @Помелочи-н1и
    @Помелочи-н1и 3 года назад

    Мастер своего дела. Молодец.

  • @ПётрБуйницкий-ф8к
    @ПётрБуйницкий-ф8к 3 года назад +3

    Мега крутое видео, которое решит кучу головной боли и сэкономит кучу времени!! Большое спасибо!!
    Есть только 3 проблемы:
    1. Нельзя поставить 100 лайков
    2. Придется смотреть это видео не один раз
    3. Придется сидеть и отрабатывать все на практике, прежде чем использовать в работе
    Жека ты супер!!!

  • @vladsavchuk7271
    @vladsavchuk7271 2 года назад +1

    Чудовий гайд!

  • @miasuntopropio
    @miasuntopropio 2 года назад

    Привет, Женя. Спасибо за понятные объяснения! Я как блудный попугай из мультика все равно возвращаюсь к тебе, как только застреваю в практике.))

  • @nerusnotfound
    @nerusnotfound 3 года назад +4

    *интересно было. Спасибо друг* 💪

  • @ramazanahriev5316
    @ramazanahriev5316 2 года назад

    Спасибо за урок очень доступно объяснил. теперь придётся привыкать к rem

  • @sergeygorec906
    @sergeygorec906 3 года назад

    Привет Жека, прикольное видео, его не хватало для полного счастья, мне не хватало
    этого счастья именно от тебя, но у меня не хватило ума посоветовать тебе это,
    когда знаешь единицы становиться понятно от чего отталкиваться, спасибо!

  • @КириллСергеевич-ч3ж

    Отличный преподаватель, спасибо за уроки ,желаю удачи тебе и твоей родине!

  • @slagrach
    @slagrach 3 года назад +1

    ........Четко, классно, в натуре классно, умеете, могёте......!)

  • @kotlancer
    @kotlancer 3 года назад

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

  • @alekskotov9660
    @alekskotov9660 3 года назад +2

    Огромное спасибо за крутые уроки 💪!

  • @dimitridoroshko
    @dimitridoroshko 3 года назад

    Видно как у автора глаза загораются, когда такая красота получается! Лайк однозначно!

  • @АлексейАрестов-у8у
    @АлексейАрестов-у8у 3 года назад +1

    Как всегда информативно и понятно) Благодарю сердечно!

  • @fasciabeautyhealth3623
    @fasciabeautyhealth3623 2 года назад

    вот чесно лайки ставлю редко но ты его заслужил просто огромный респект

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

    Мужик, ты шикарен!

  • @spacemarine3940
    @spacemarine3940 3 года назад +2

    Долгожданное видео.

  • @artemartemenkoartem
    @artemartemenkoartem 3 года назад +2

    Очень круто и полезно! Спасибо за урок!

  • @АлексейСоколов-у3к
    @АлексейСоколов-у3к 3 года назад +2

    Супер важный ролик! Смотрю взахлеб! Спасибо ,Евгений😀

  • @АндрейБагмет-б2й
    @АндрейБагмет-б2й 3 года назад

    Спасибо за данный урок, так же хотелось бы увидеть урок по решению проблем с vw и vh на мобильных устройствах, сам неоднократно сталкивался с ними.