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 :) Очень хочу. Может не я один

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

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

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

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

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

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

  • @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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Дождались контента

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @РоманБезшийко-к9х
    @РоманБезшийко-к9х 3 года назад +1

    Мега корисно, дякую!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @НаимХакимов-у4ю
    @НаимХакимов-у4ю 3 года назад +2

    Ты лучший Жека!!!

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

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

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

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

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

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

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

    Класс, Евгений, спасибо!

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

    Чудовий урок!

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

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

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

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

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

    Как раз то что нужно! Большое спасибо!

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

    Хоть и работаю с этими всеми единицами, но почерпнул прилично)) спасибо)

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

    Одназначно лайк 👌
    Топ контент

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

    Топовий контент від топовго хлопака с топовою ідеею, бажаю здоровья та натхнення