A Full Guide to CSS UNITS!

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024

ความคิดเห็น • 33

  • @asyncrohan
    @asyncrohan ปีที่แล้ว +15

    Hey brother , thanks a lot you are the best frontend teacher i have ever seen , i just wanna thank you because only because of you i learned css and mastered tailwindcss and thanks for this video too , i hope one day i will meet you and thank you face to face 😊

  • @justpassingbylearning
    @justpassingbylearning ปีที่แล้ว +9

    Your videos are the reason I got a career in web development. The projects in my portfolio were based on your videos. Thanks for all the hard work and great content. 5 years ago you helped me out in a large way but just doing what you love

    • @developedbyed
      @developedbyed  ปีที่แล้ว +3

      That’s amazing to hear! I’d love to see your work!

    • @justpassingbylearning
      @justpassingbylearning ปีที่แล้ว

      @@developedbyed if I still had my portfolio from then I would show you. I remember the ball one being a big hit during my interviews

  • @tommy2naans
    @tommy2naans ปีที่แล้ว +4

    Love this video, more classic ed content. Im glad you are going back to foundations.

  • @4115steve
    @4115steve ปีที่แล้ว +3

    I like the direction. It seems to many channels focus or react. I plan to use the JAM stack with astro and three JS.

  • @bundesdavid
    @bundesdavid ปีที่แล้ว +2

    I love to chill out in the back end and do funny stuff with databases and terminal and stuff. But to build something for others the frontend is just absolutely necessary. I'm not a fan of fronend development, but your channel makes it fun and chilled out for me. Thank You!
    I am looking forward to other contents! Arduino and Unity are really cool topics :D

  • @hjetwd
    @hjetwd ปีที่แล้ว +1

    the em unit is very mobile, dynamic. don't be afraid to use it. a good example of when em is perfect: you need to coding a button. the button has states - different colors and sizes. for the "big button" state, we just need to specify a larger font size, and everything else will increase automatically.:
    .botton {
    padding: .5em 1em;
    margin-inline: .5em;
    font-size: var(--botton-size, 1rem); /* REM only here */
    border: .0625em solid black;
    border-radius: .375em;

    &.botton--small {
    --botton-size: .75rem;
    }
    &.botton--large {
    --botton-size: 1.25rem;
    }
    }
    we just change css variable using hard rem, and all soft em change automatically. it was a simple example from real life, but if the button does not need to change the font size, but you need to change the other sizes - em will not help here =)) em gives us an additional opportunity to write less code where possible

  • @grim.reaper
    @grim.reaper ปีที่แล้ว

    Ohh now I understand why different units are used 😭
    Thank you so much!!

  • @maherylala2153
    @maherylala2153 ปีที่แล้ว

    Rick must be hell of a good dev

  • @thintzawhtun9676
    @thintzawhtun9676 ปีที่แล้ว +2

    hey ed can u make role based access and permission tutorial for react?

  • @michaelcypher5958
    @michaelcypher5958 ปีที่แล้ว +1

    Thanks Ed

  • @raouftouati4711
    @raouftouati4711 ปีที่แล้ว +1

    hi can you do a tutorial about image how they work inside the browser and how to control them with the css (sorry for my anglish) and thnks fot this tutorial

  • @maksudulhaque3227
    @maksudulhaque3227 ปีที่แล้ว

    He always looks so happy and cheerful. Make a tutorial on that I would say😂

  • @charllabuschagne2169
    @charllabuschagne2169 ปีที่แล้ว

    Thanks Ed, always appreciate your content. Gems for this one is the :root hack and the ch units.

  • @WyzrdCat
    @WyzrdCat ปีที่แล้ว

    Hahahaha 💯 "Cmon man. Get a calculator" my thoughts exactly whenever I see this hack lmao

  • @taylortoast2
    @taylortoast2 ปีที่แล้ว

    Can’t wait for the new content!

    • @developedbyed
      @developedbyed  ปีที่แล้ว +1

      Cheers Taylor! You are the ultimate hype man hahaha

  • @BMikel
    @BMikel ปีที่แล้ว

    Nasa tshirt is first that cought my eye😂 Cool

  • @royrms4618
    @royrms4618 ปีที่แล้ว

    nice video ed thank you,
    whats the wallpaper used , i figured about love money rock n roll but it's not animated like yours

  • @oynx.
    @oynx. ปีที่แล้ว

    Hi can you tell me how can create animation like " paramount pictures Website loading stars " when it's load

  • @krayziekray9509
    @krayziekray9509 ปีที่แล้ว

    Great video Ed. Do you have a plan to record updated videos for your Next.js course?

    • @developedbyed
      @developedbyed  ปีที่แล้ว +2

      Yes, every course will be updated regularly 👍

  • @utkarsh2126
    @utkarsh2126 ปีที่แล้ว +1

    Hii, this is your Gorgeous friend from India❤

  • @RowafaEdits
    @RowafaEdits ปีที่แล้ว

    Can I edit your TH-cam videos?

  • @dobrilbojilov8184
    @dobrilbojilov8184 ปีที่แล้ว

    Good video😉

  • @GustvandeWal
    @GustvandeWal ปีที่แล้ว

    Avoid using 100vw. At least know that it doesn't take into account the scrollbar that is visible on Windows. If not used with caution, every Windows visitor could be able to horizontally scroll your website about 17px.

  • @WyzrdCat
    @WyzrdCat ปีที่แล้ว

    I think vw should almost always be overridden with dvw. Dvw accounts for scrollbars and shite

  • @bilalmalkoc
    @bilalmalkoc ปีที่แล้ว

    Browser zoom is scaling all pixel values together, so no need to fight rem complexity.

  • @matteomorettoo
    @matteomorettoo ปีที่แล้ว +1

    Rick lol😅

  • @sillysquirrel9979
    @sillysquirrel9979 4 หลายเดือนก่อน

    thanks i hate it

  • @hagopboghossian6841
    @hagopboghossian6841 ปีที่แล้ว

    Yeh, it's awesome if you are starting microcontroller programming tutorials 👍👌

  • @sivadhanushuppalapati4041
    @sivadhanushuppalapati4041 ปีที่แล้ว

    hey bro, whats the font style you are using in VScode?