How to ACTUALLY Master CSS?

Sdílet
Vložit
  • čas přidán 26. 08. 2024

Komentáře • 145

  • @shadestorm3995
    @shadestorm3995 Před 2 lety +33

    I am among those guys who suck when it comes to UI, I found a really great channel to work on my css but then further into I realised they were working with sass which I had no exp in, I rage quit youtube that day.
    Other than that,
    Kevin Powell is another such great guy who makes vanilla CSS oriented videos. Have learnt a lot from there.

  • @deepfictionanime
    @deepfictionanime Před 2 lety +125

    Great topic. CSS is actually really tough to master.

  • @subyouwont
    @subyouwont Před rokem +5

    I’m a very fresh developer, this helps put the sections into perspective. Proud that I’ve already taken good notes on units and started to try to understand them and their use cases

  • @coolgundu
    @coolgundu Před 2 lety +6

    Watched till end. Thanks for giving back to the Developer community!

  • @pranavbhat29
    @pranavbhat29 Před 2 lety +27

    5:10 might also be worthwhile to talk about clamp(min, actual, max) and its usage

    • @lonelydev7984
      @lonelydev7984 Před 2 lety +1

      Refer the shorts in my channel for min and max

  • @Gahlfe123
    @Gahlfe123 Před 2 lety +5

    wow what timing, i was going to review my css knowledge today too

    • @vishalg1939
      @vishalg1939 Před 2 lety +2

      Hi, I am a beginner
      And can you pls refer to some source where I can learn about CSS and other front-end development languages?

    • @thatoneuser8600
      @thatoneuser8600 Před 2 lety

      Aren't you supposed to review a little bit of your knowledge every day?

  • @viallymboma9874
    @viallymboma9874 Před 2 lety +4

    You're great man...you thought me about posstcss I didn't know about that...and yes of course sass is a super power...I use it everywhere even with react...I have never used direct CSS anymore since I met sass

  • @VeaceslavBARBARII
    @VeaceslavBARBARII Před 2 lety +23

    If you want to Master CSS, you might also want to watch Kevin Powell.
    He's a CSS king 👑

    • @XenoZeduX
      @XenoZeduX Před 2 lety +6

      True, I would also add LayoutLand even though she hasn't uploaded any video in a long while; her conference talks are also very cool

    • @teenxgaming4023
      @teenxgaming4023 Před 2 lety +1

      No one css king and no one learn 100% css it's impossible because css have many underrated values even online dosnot know

  • @ManyangMayendit
    @ManyangMayendit Před 14 dny

    thanks i was having trouble mastering it, good channel by the way

  • @tishycs8187
    @tishycs8187 Před 2 lety +2

    thanks this video helped me a lot your roadmaps are very helpful you explain everything easily and in-depth

  • @thehunter11
    @thehunter11 Před měsícem

    Really helped. Appreciate it man.

  • @isaiasxd4453
    @isaiasxd4453 Před 2 lety +1

    Excellent content .. of course I see this video until the end.
    Greetings from Colombia 🇨🇴

  • @lea3225
    @lea3225 Před 7 měsíci

    This actually is full of practical concepts to learn. I’m a backend developer wanting to strength my frontend skills really find this valuable.

  • @viallymboma9874
    @viallymboma9874 Před 2 lety +7

    I think one reason why CSS seems to be hard to master is that, developers tend to shift more focus on structured or dynamic languages (JavaScript and the rest of the sever side languages) because that's where the business logic or the purpose of the app they build is...so they prefer to use a UI template bought from someone or they prefer to use already made UI component libraries like Bootstrap and the rest...so by doing so they actually don't give themselves the chance to really dive deep into the technical UI Design aspect...they don't have enough time spent in working with raw CSS to be able to master it...and that affects their level of mastery of CSS

    • @adem1829
      @adem1829 Před 2 lety

      I mean, if it’s already prepared for them, why would they waste time to do it themselves and dive deep into CSS ?

    • @viallymboma9874
      @viallymboma9874 Před 2 lety +1

      @@adem1829 well actually it is an individual preference i think...for me I prefer to have the raw CSS superpower and be able to even build my own bootstrap or Tailwind or any other likes...for me as a developer I feel like I need to have all the raw powers to do all I need from scratch and have full control on every bit of my own design...and not depend on any css library...using sass is also good because it's not an already made library but rather it is a way of writing css that makes writing css really enjoyable...I enjoy that hectic process and truly it has fired me really up in the UI Styling work...I can style things myself just like material UI does or bootstrap does...I can create my own dashboard design and you'll think I used bootstrap or material UI...yet I used CSS myself to do so...and I did it so much that I have become fast...so I can come up with a design from scratch without libraries...but as I said it's a matter of preference...me I prefer the raw power than the library power...but of course I'm still learning and I'm far from being perfect...

  • @mohammedeleriaan5986
    @mohammedeleriaan5986 Před 2 lety +11

    It's really great to have some kind of check points while learning a new technology, I hope you make [ How To Master ... ] Series to take about a specific technology & how to master it correctly cuz a lot of new learners think they know enough but the truth is the opposite

  • @satwikshet9012
    @satwikshet9012 Před 2 lety +1

    Awesome video brother.
    Thank you for making video like this 😊

  • @omaralbar9719
    @omaralbar9719 Před 3 měsíci

    Thanks a lot for the clear explanation

  • @stephenajulu
    @stephenajulu Před 2 lety +8

    Amazing! Kindly do JavaScript next. Thank you so much for these videos.

    • @codedamn
      @codedamn  Před 2 lety +5

      Welcome! I've already done the Master JavaScript video

    • @stephenajulu
      @stephenajulu Před 2 lety +1

      @@codedamn thank you, looks like i missed it.

  • @abhishekkumarsingh659
    @abhishekkumarsingh659 Před 2 lety +6

    Amazing video!
    I wanted to ask if floats are still important enough to give so much attention? I mean position, flexbox and grid already provide so much functionality that I haven't seen a use case that I would need to use floats and can't solve them using the above.

  • @arunwithcam5072
    @arunwithcam5072 Před 2 lety +1

    Hii this is Arun here, I am fan of your teaching skill and thanks for improving my skill some fronted tools and this is my first comment on CZcams Community.

  • @Jesusjunkie402
    @Jesusjunkie402 Před 2 lety +1

    Dude, I suck at JavaScript! CSS makes sense to me and I love it❤

  • @sumanthprabhu11
    @sumanthprabhu11 Před 2 lety +2

    Which CSS library/Framework for React is used most in Indian Companies or which are the few ones we should know ?

    • @shivanshpatel4072
      @shivanshpatel4072 Před 2 lety +1

      Bootstrap is the most used css Framework

    • @xoldyckk176
      @xoldyckk176 Před 2 lety +3

      TailwindCSS, Chakra UI, Material UI, Ant Design

  • @connorb2742
    @connorb2742 Před 4 měsíci

    Thank you mate. Great video!

  • @parinsheth4971
    @parinsheth4971 Před 2 lety

    This is a great topic to discuss! Ty buddy

  • @MarkAnthony819
    @MarkAnthony819 Před 2 lety +4

    IMHO...understand pts. but definitely stay away from them unless you absolutely have to. Pts. are primarily for print configs.

  • @karen6560
    @karen6560 Před rokem

    thank you so muchh! When you jump into css you later understand that this is the foundation

  • @artaken7449
    @artaken7449 Před 4 měsíci

    Really helpful, thanks

  • @Shivampandey-tt7es
    @Shivampandey-tt7es Před 2 lety

    Nice topics covered !!

  • @arrayofsilicon
    @arrayofsilicon Před 2 lety

    Thank you so much bro for this video this is life saver for me

  • @vijaynavale3919
    @vijaynavale3919 Před 2 lety +1

    In my job sometimes i need to make new html for mobile as well

  • @itstechshow7747
    @itstechshow7747 Před 2 lety

    really informative video
    Thnak you❤️

  • @AtiqueRahmanatik
    @AtiqueRahmanatik Před 11 měsíci

    That's some very good practical advice.

  • @bdineshbsdj7707
    @bdineshbsdj7707 Před 2 lety +1

    Excellent Sir 👍👍👍👍

  • @bhaveshrughwani
    @bhaveshrughwani Před 2 lety +1

    This video is helpful for flutter devs as well

  • @Lafsha
    @Lafsha Před 2 lety +10

    as a backend developer i hate css, thats why i chose backend 😂😂

  • @ShinobiSan
    @ShinobiSan Před 2 lety

    Gotta follow those playlists now after watching till the end

  • @ritikashishodia675
    @ritikashishodia675 Před rokem

    One u single person share about how improve my css thanks for making video

  • @eugeniosp3
    @eugeniosp3 Před rokem

    Nice vid homie

  • @shrey768
    @shrey768 Před 2 lety +3

    Remember grid may look tempting, but it's not your friend.

    • @shrey768
      @shrey768 Před 2 lety +1

      Everything grid can do can be achieved with flex

    • @TheAwakeningMission
      @TheAwakeningMission Před 2 lety +3

      Why? It's not that difficult. Once you master both flex and grid, positioning becomes much easier than just using flex.

    • @erinmaidensfx892
      @erinmaidensfx892 Před 2 lety +2

      I prefer flexbox over grid in the majority of situations, but there’s a time and place for both.

  • @khizrshaikh9902
    @khizrshaikh9902 Před 10 měsíci

    I watched this video till the end!

  • @apexashwin
    @apexashwin Před 2 lety +2

    It only took me 2 months to learn c# as a college dropout and get a job but i still struggle with front end stuff. I know bootstrap and i can create simple forms but when it comes to complex layouts i struggle alot. Any advice would be helpful.. what should I focus on?

    • @danielchettiar5670
      @danielchettiar5670 Před 2 lety

      Hey Ashwin. How hard is the market to get into for non tech people, or "tier 3" BSC guys? What was your exp?

    • @apexashwin
      @apexashwin Před 2 lety

      @@danielchettiar5670 It's almost impossible to get any placement in India except in startups without a degree, i self learnt C# and Asp.Net core MVC for two months with another one month of Ms SQL training by downloading courses from internet and using w3school, I landed in a Remote job for a Dubai based IT firm with a starting salary of 30k per month, I think it's better than nothing.

    • @rony9980
      @rony9980 Před 2 lety

      @@apexashwin how did you get a remote job?

  • @Parveenpandit
    @Parveenpandit Před 2 lety

    Thanks sir, it's helpful for us

  • @jaycodes8790
    @jaycodes8790 Před 2 lety +1

    Brother, let me give you tomorrow's topic for video..... 'About the resume for a CS fresher candidate'.
    I request you to make a video on this.
    Would Love to know about the dos and don'ts of resume from you.

  • @riskitall7421
    @riskitall7421 Před 2 lety +3

    How to become a great css writer ✍️ :
    1. Use flexbox 📦
    2. Add padding: 20
    You’re welcome.

  • @AjeyHindu-iw9rh
    @AjeyHindu-iw9rh Před rokem

    Amazing video. ❤👏

  • @bhagyesh_in
    @bhagyesh_in Před rokem

    Thank You Sir..!

  • @qasimnawab957
    @qasimnawab957 Před 2 lety +1

    i watched this video till end plz do a video on how to master javascript

  • @hariramnarayanan5157
    @hariramnarayanan5157 Před 2 lety

    I love the way he says 'hey'

  • @arunsaklani9890
    @arunsaklani9890 Před rokem

    IAM learning bootstrap after CSS and it's grid system and and display property is easy than CSS and we can replace CSS grid system and display proprty by bootstrap then what the use of csd grid and display i DNT understand pls can anyone reply my question ?

  • @exploringwithhussain
    @exploringwithhussain Před 2 lety

    Great work keep it up

  • @slandrei
    @slandrei Před 2 lety

    Watched till end!

  • @Tech-Dev
    @Tech-Dev Před rokem

    Thanks for this.

  • @jdwright58
    @jdwright58 Před 2 lety

    Good video - thanks.

  • @ovuobaemmanuel6188
    @ovuobaemmanuel6188 Před rokem

    Thanks . nice content

  • @imnemo2327
    @imnemo2327 Před 2 lety

    Make a video on colors....please

  • @nabilasi1776
    @nabilasi1776 Před 2 lety

    What about tailwind css??

  • @charles4k8k
    @charles4k8k Před 2 lety +1

    my css went from normal to advance trying to master my css.Its not that hard as a programmer they kind of the same logic and concept

  • @nitrotech9701
    @nitrotech9701 Před 2 lety

    Please and please do Javascript next.

  • @user-xz9cw8bf3l
    @user-xz9cw8bf3l Před rokem

    I have watched this video till the end

  • @blueflames9183
    @blueflames9183 Před rokem

    Watched till end

  • @eleah2665
    @eleah2665 Před 2 lety

    I watched this video to the end! I know a little about a lot. Sooo . . . how do you do that crazy layout at 2:55?

    • @rahxephon76
      @rahxephon76 Před 2 lety

      Check out Kevin Powell's CZcams channel he has a tutorial on something like this.

    • @realashad
      @realashad Před 2 lety

      Flexbox flex-grow maybe

  • @33.kartikpatil50
    @33.kartikpatil50 Před 2 lety

    I watched this video till the end ❤️❤️

  • @fari_edu2020
    @fari_edu2020 Před 2 lety

    Plz do javascript next

  • @rahullraj7667
    @rahullraj7667 Před 2 lety +1

    I watched this video till the end.

  • @soorajs577
    @soorajs577 Před 2 lety

    Waiting for this

  • @web_hub
    @web_hub Před 2 lety

    Amazing !!!

  • @user-fw1pd2zt8y
    @user-fw1pd2zt8y Před 11 měsíci

    I watched till the end

  • @musiclabra7767
    @musiclabra7767 Před 2 lety +2

    float? are you kidding me the reason why flex and grid developed is to avoid using floats anymore and now you suggesting to use float to solidify the knowledge of CSS. one you know flex and grid you can never go back to floar unless the company website you are working is classic

    • @imnemo2327
      @imnemo2327 Před 2 lety

      Well precisely he said to do some hacky like stuff,he doesnt said that make the whole layout with float

  • @aravi2775
    @aravi2775 Před 2 lety

    bro each video i seen, untill the note came to screen "i watched this video till the end"

  • @yournemesis8232
    @yournemesis8232 Před 2 lety +1

    Short answer - if u are impatient u wont ever will love coding

  • @conorsmall1373
    @conorsmall1373 Před rokem

    great video

  • @muthupradeep1
    @muthupradeep1 Před 2 lety

    useful informations

  • @Ashwin.Ravichandran
    @Ashwin.Ravichandran Před 2 lety

    create a video about how to use Browser dev tools

    • @codedamn
      @codedamn  Před 2 lety +1

      Here's a course : czcams.com/video/Y3u2groOG-A/video.html

  • @variation7491
    @variation7491 Před 2 lety

    i watched this video till the END 😤

  • @eldevea
    @eldevea Před 2 lety

    I watched this videos till the end

  • @nishatali1
    @nishatali1 Před 2 lety

    I watched this video till end :-)

  • @tulsiram9669
    @tulsiram9669 Před 2 lety

    till the end

  • @mr.bombayfunk8997
    @mr.bombayfunk8997 Před 2 lety

    watched till the end

  • @TheRadDeuce
    @TheRadDeuce Před rokem

    Nesting is available now, lol

  • @soulninjadev
    @soulninjadev Před 2 lety

    solid

  • @mohamedhussein7307
    @mohamedhussein7307 Před 2 lety

    I Watched till the end

  • @HassanHassan-ch8ml
    @HassanHassan-ch8ml Před 2 lety

    Watch till end

  • @silknetstudio9104
    @silknetstudio9104 Před 2 lety

    i suggest tailwind css

  • @swapperpro1218
    @swapperpro1218 Před 2 lety

    I watched till end

  • @j.foontb.1113
    @j.foontb.1113 Před 2 lety

    Actually

  • @saikumarkandikonda431
    @saikumarkandikonda431 Před 2 lety

    Watched till last

  • @ProgrammerRajaa
    @ProgrammerRajaa Před 2 lety

    ❤️

  • @stomperhk9107
    @stomperhk9107 Před 2 lety

    There is no way.

  • @avi130avi130
    @avi130avi130 Před 2 lety

    👍🏻

  • @-Abdullah1
    @-Abdullah1 Před 2 lety

    👍👍

  • @josephmendes2534
    @josephmendes2534 Před rokem

    Mastering css is not a joking matter 😢

  • @shadowop-bgmi2202
    @shadowop-bgmi2202 Před 2 lety

    Need Upi codedamn

  • @abubakarshf
    @abubakarshf Před 2 lety

    its developer not DAVALOPER!

  • @jagdishjena9058
    @jagdishjena9058 Před 2 lety

    Plz talk in hindi bro.

  • @aqeebshaikh423
    @aqeebshaikh423 Před 2 lety

    I watched this video till the end!

  • @parthasarkerconst
    @parthasarkerconst Před 2 lety

    I watched this video till the end!

  • @mayankkashyap253
    @mayankkashyap253 Před 2 lety

    I watched this video till the end!

  • @Cowglow
    @Cowglow Před 2 lety

    I watched this video till the end!