How to ACTUALLY Master CSS?

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

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

  • @shadestorm3995
    @shadestorm3995 3 года назад +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 3 года назад +126

    Great topic. CSS is actually really tough to master.

    • @n066kushalwagh8
      @n066kushalwagh8 3 года назад +5

      True 🙂

    • @Sugurous
      @Sugurous 3 года назад +14

      And people say Js is hard 😫

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

      So true

    • @charles4k8k
      @charles4k8k 2 года назад +4

      not really just got to put the time in effort

    • @zummotv1013
      @zummotv1013 2 года назад +5

      @@charles4k8k show me your website

  • @pranavbhat29
    @pranavbhat29 3 года назад +27

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

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

      Refer the shorts in my channel for min and max

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

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

  • @viallymboma9874
    @viallymboma9874 3 года назад +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

  • @lea3225
    @lea3225 10 месяцев назад

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

  • @arunwithcam5072
    @arunwithcam5072 2 года назад +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 RUclips Community.

  • @VeaceslavBARBARII
    @VeaceslavBARBARII 3 года назад +23

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

    • @XenoZeduX
      @XenoZeduX 3 года назад +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 3 года назад +1

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

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

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

  • @Gahlfe123
    @Gahlfe123 3 года назад +5

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

    • @vishalg1939
      @vishalg1939 3 года назад +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 3 года назад

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

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

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

  • @mohammedeleriaan5986
    @mohammedeleriaan5986 3 года назад +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

  • @abhishekkumarsingh659
    @abhishekkumarsingh659 3 года назад +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.

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

      I thought the same thing

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

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

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

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

  • @viallymboma9874
    @viallymboma9874 3 года назад +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 3 года назад

      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 3 года назад +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...

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

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

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

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

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

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

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

      Bootstrap is the most used css Framework

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

      TailwindCSS, Chakra UI, Material UI, Ant Design

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

    Really helped. Appreciate it man.

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

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

  • @omaralbar9719
    @omaralbar9719 6 месяцев назад

    Thanks a lot for the clear explanation

  • @connorb2742
    @connorb2742 7 месяцев назад

    Thank you mate. Great video!

  • @jaycodes8790
    @jaycodes8790 3 года назад +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.

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

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

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

    Gotta follow those playlists now after watching till the end

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

    This video is helpful for flutter devs as well

  • @stephenajulu
    @stephenajulu 3 года назад +8

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

    • @codedamn
      @codedamn  3 года назад +5

      Welcome! I've already done the Master JavaScript video

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

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

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

    That's some very good practical advice.

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

    This is a great topic to discuss! Ty buddy

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

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

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

      Everything grid can do can be achieved with flex

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

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

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

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

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

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

  • @Deepak.Explores-y4c
    @Deepak.Explores-y4c 2 года назад

    really informative video
    Thnak you❤️

  • @apexashwin
    @apexashwin 3 года назад +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 3 года назад

      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 3 года назад

      @@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 3 года назад

      @@apexashwin how did you get a remote job?

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

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

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

    Excellent Sir 👍👍👍👍

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

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

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

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

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

    I love the way he says 'hey'

  • @artaken7449
    @artaken7449 7 месяцев назад

    Really helpful, thanks

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

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

  • @Shivampandey-tt7es
    @Shivampandey-tt7es 2 года назад

    Nice topics covered !!

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

    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 ?

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

    Thanks sir, it's helpful for us

  • @Tech-Dev
    @Tech-Dev Год назад

    Thanks for this.

  • @AjeyHindu-iw9rh
    @AjeyHindu-iw9rh Год назад

    Amazing video. ❤👏

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

    Make a video on colors....please

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

    Watched till end!

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

    Please and please do Javascript next.

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

    Nice vid homie

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

    Thank You Sir..!

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

    I watched this video till the end.

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

    Plz do javascript next

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

    I watched this video till the end!

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

    What about tailwind css??

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

    Good video - thanks.

  • @33.kartikpatil50
    @33.kartikpatil50 3 года назад

    I watched this video till the end ❤️❤️

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

    Great work keep it up

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

    Thanks . nice content

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

    i watched this video till the END 😤

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

    Watched till end

  • @RavinaKumari-b1z
    @RavinaKumari-b1z Год назад

    I have watched this video till the end

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

    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 3 года назад

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

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

      Flexbox flex-grow maybe

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

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

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

      Same here 😂

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

      no one can run from css u have to know a bit of front end as a backend dev.

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

      @@mahendrabishnoi716 yeah facts

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

      @@Lafsha ikr :-)

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

      I equally love backend and frontend. I might be the only one. 🤷

  • @charles4k8k
    @charles4k8k 2 года назад +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

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

    I watched this videos till the end

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

    Waiting for this

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

    till the end

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

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

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

    I watched this video till end :-)

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

    Amazing !!!

  • @Ashwin.Ravichandran
    @Ashwin.Ravichandran 3 года назад

    create a video about how to use Browser dev tools

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

      Here's a course : ruclips.net/video/Y3u2groOG-A/видео.html

  • @mr.bombayfunk8997
    @mr.bombayfunk8997 3 года назад

    watched till the end

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

    useful informations

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

    I Watched till the end

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

    great video

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

    I watched till end

  • @j.foontb.1113
    @j.foontb.1113 3 года назад

    Actually

  • @HassanHassan-ch8ml
    @HassanHassan-ch8ml 3 года назад

    Watch till end

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

    Nesting is available now, lol

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

    solid

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

    i suggest tailwind css

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

    Watched till last

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

    ❤️

  • @musiclabra7767
    @musiclabra7767 3 года назад +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 3 года назад

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

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

    👍🏻

  • @-Abdullah1
    @-Abdullah1 2 года назад

    👍👍

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

    There is no way.

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

    its developer not DAVALOPER!

  • @shadowop-bgmi2202
    @shadowop-bgmi2202 3 года назад

    Need Upi codedamn

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

    Mastering css is not a joking matter 😢

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

    Plz talk in hindi bro.

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

    I watched this video till the end!

  • @ImpactIndian
    @ImpactIndian 2 месяца назад

    I watched this video till the end.

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

    I watched till the end

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

    I watched this video till the end!

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

    I watched this video till the end!

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

    I watched this video till the end!