CSS Typography: Fonts, Colors && Developer tools || Episode - 14

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

Комментарии • 2,1 тыс.

  • @jahanzaibiftikhar5971
    @jahanzaibiftikhar5971 Год назад +13

    bhaiya please continue youtube py koi nhi jou aisa detail sy smjhata hai itna quality or deep content kisi ka nhi hota aur agar yh full mern stack complete hou jata hai free course tou yh pehla youtube course hou ga with that achievement

  • @_dhiraj_shukla60
    @_dhiraj_shukla60 Год назад +18

    श्रेष्ठ गुरु किताब से नहीं, दिल से सिखाते हैं।
    एक गुरु अनंतकाल तक को प्रभावित करता है; वह कभी नहीं बता सकता कि उसका प्रभाव कहा तक जाएगा।
    Thank you guruev ❤

  • @grow1st
    @grow1st Год назад +57

    Parents के बाद जिनका है स्थान,
    हाथों में जिनके Future की कमान .
    जो जमाये Parents की तरह हक ,
    वो है हमारे Respected अध्यापक .
    for dear babbar bhaiya 💚💚💚

  • @mohammadzaid-gp1gc
    @mohammadzaid-gp1gc 2 дня назад

    completed the HTML series ,and developed a multipage website with navigation pages ,contact form etc.
    This is one of the best development course available on the youtube .
    Thanks a lot Love Bhai ♥ ♥

  • @anusha3558
    @anusha3558 Год назад +12

    Just finished lec 14...this is the first iam learning coding after my Engineering...I have had 6 years gap in between but your classes are making me like coding all over again...In college just studied for the purpose of getting good marks and now I understand how exactly it works ....thank you so much I hope to complete web development course as this is my first ever RUclips video for reference

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

      This is the first, iam learning coding in my first year college

  • @Deepak-ip1se
    @Deepak-ip1se Год назад +59

    What we learnt in this lecture?
    1)Fonts:
    font-style: italic;
    font-size: 20px;
    font-family: cursive;
    font-weight: 90;
    line-height: 20px;
    2)Colors:
    name:
    rgb:
    rgba: to set tranparancy
    hexadecimal:
    hsl: hue saturation lightness
    Thankyou so much💓💓

  • @yatindradeo1692
    @yatindradeo1692 Год назад +20

    I am moderate in DSA but was concerned about my development skills. Thank you for bringing up this course at the right time and that too for free.

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

      Bhai har tech interview placement me dsa puxi jaati h kya

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

      @@A_WAY_TO_BETTER_LIFE product based company aur MNCs me to DSA se hi maximum question pucha jata hai

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

      @@yatindradeo1692 bro ek group banate he na eksaath taki communicate kar paye har koi .. whatsapp par kya bolti public

    • @StudyChannel-zq4bw
      @StudyChannel-zq4bw Год назад

      ​@@andrewbeef8758group banwo

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

      @@andrewbeef8758 idea accha hai

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

    the level of content and explnation of basics are just aWESOME

  • @ECE_Pratyush
    @ECE_Pratyush Год назад +9

    It is very good to see that Bhaiya is going from all the basics. This course will be remembered and always be helpful for many students and developers even after many years.
    Homework Question-
    What is hsla()?
    Answer- HSLA stands for hue saturation, lightness
    hue means r,g,b components,s and saturation lightness means darkness and lightness.
    Here "a" stands for alpha which gives transparency and its value variess from 0 to 1.

  • @kanishkasolanki974
    @kanishkasolanki974 Год назад +3

    Thnx bhaiya ❤🎉 apke lecture itne acche se smjh aate h ki 1st time me kisi online learning me consistent hoon😂😅❤

  • @Rahul-Official_024
    @Rahul-Official_024 Год назад +4

    You tube is our collage and you are our teacher and we all are students of this college. Sir looking forward to your daily lecture.🥰❤️
    Thanks for you.👍😇

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

    One of the best Web Dev Courses on youtube

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

    best coding learning platform ever in this era of learning coding

  • @simran_jaraut
    @simran_jaraut Год назад +8

    This is the consistency i was talking about✨

  • @haarshvardhhansahal6841
    @haarshvardhhansahal6841 Год назад +7

    Enjoy your teaching style, all things to the point.💛💛

  • @vikasnishad6955
    @vikasnishad6955 Год назад +6

    Thank you bhaiya❤❤ for your dedication and passion for teaching CSS. Your ability to break down complex concepts into easily understandable explanations is truly remarkable. I eagerly look forward to the next episode, as I know it will further deepen my understanding of CSS typography and its limitless possibilities.
    Once again thank you for sharing your knowledge and expertise with us. Your teachings are truly empowering and I am grateful for the opportunity to learn from such a skilled instructor like you.

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

    This Is Best Playlist To Learn Web Dev

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

    Amazing teaching style bhaiyaa....
    Mujhe CSS kabhi pasand nahi aii but jb se aap ne padhana suru Kiya ha..
    TB se mujhe CSS me interest aane lga ha..
    Thanku for such an amazing content bhaiya....

  • @kundanchaudhary007
    @kundanchaudhary007 Год назад +5

    Absolutely! CSS Typography is essential for improving the visual appeal and functionality of websites. It's great to see the emphasis on fonts, colors, and developer tools. Keep up the great work! 👍🏼

  • @rayansiingh
    @rayansiingh Год назад +15

    Homework:
    24:40 Here a in hsla is alpha which decides the transparency of the color just like we saw in rgba.

  • @rrcgaming47
    @rrcgaming47 Год назад +5

    day 14 present best of luck to all future web developers special thanks to sir Love babbar

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

    Thank you for bringing up this course at the right time and that too for free.

  • @deepakarya5334
    @deepakarya5334 9 месяцев назад

    I had been trying to learn web developement for last 1 year but couldn't start, but when I saw your video, really bro I got it very easily, the great content ever at 0 cost.
    I really appreciate your efforts ❤

  • @champyellow4315
    @champyellow4315 Год назад +4

    Dear brother, your efforts are truly exceptional, and I want to express my heartfelt appreciation for the outstanding work you are doing. Your teaching methods are truly remarkable, and the way you dive deep into the subjects is awe-inspiring. We, as students, are more than willing to watch longer videos because we value the in-depth knowledge you provide. Your dedication to assigning homework and providing ongoing support, just like in your paid courses, sets you apart as a truly extraordinary teacher and mentor.
    I also want to extend my deepest gratitude to your parents, as their support has blessed us learners with an extraordinary teacher and an incredible brother like you. Your commitment to teaching is admirable, and we are immensely thankful to have you guiding us on this learning journey. Your passion and expertise are truly remarkable.
    Brother, please continue to share your wisdom and knowledge. Your impact on our lives is immeasurable, and we are here to ensure you stay motivated and inspired. With sincere gratitude and love from Nainital, Uttarakhand, I warmly invite you to visit this beautiful place. Perhaps we could organize a special meetup where we can celebrate your remarkable contributions. Thank you, brother, for everything you do. Keep shining brightly!

  • @SoumyadipNathBengali
    @SoumyadipNathBengali Год назад +3

    Your way of teaching is just exceptional ❤❤
    You are the best mentor ❤❤❤
    Take love babbar bhaiya ❤❤

  • @haarshvardhhansahal6841
    @haarshvardhhansahal6841 Год назад +4

    I really can't thank you enough for such interactive content.❣❣

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

    Agar aese guru padhane lage sabhi college mein to wo din dur nahi ki it sector m india sab se aage nikl jayegi 🎉🎉 thnk bhai jaan

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

    the level of content and explanation of basics are just AWESOME

  • @amanshrivastava8195
    @amanshrivastava8195 Год назад +4

    Thanks for daily videos ❤

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

    Legend.....nobody can give this muchh of knowledge in free....hats off to you bhaiyaa❤

  • @RupaKumari-m3v5u
    @RupaKumari-m3v5u Месяц назад

    you made each and every concept crystal clear, only because of you I am able to do web dev

  • @bluedot9738
    @bluedot9738 9 месяцев назад

    Bhaiya kamal ka video hai....bahut easy and simple language use krte ho aap kisi bhi topic ko samjane ke liye....lots and lots of love and care.... thankyou so much ..for this premium and free course ... thankyou ❤

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

    bhaiya, gala kharab tha phir bhi lecture shoot kiya, hats off to you, love your teaching and effort...

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

    I have a paid course of web development but i am following babbar bhiya web development instead of that paid course. So if you are reading the comment then you can realise the worth of following this course.
    if you agree please hit like button.👍💯

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

    Love The way of Explanation..Iam Learning This After 1year of Uploading...Mind Blowing Explanation..

  • @87_shivampathan
    @87_shivampathan Год назад +1

    Thank you for bringing up this course at the right time and that too for free

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

    this course will be the best course on web dev a student can get for free, the level of information provided is so good and makes learning fun.
    Thank you Love Babbar bhaiya 😇😇

  • @AnkitSingh-f5u
    @AnkitSingh-f5u Год назад +1

    Bhaiya's consistency is 🔥🔥
    You are the best love bhaiya.
    Aapki jo bhi tareef ki jaaye kam hi h.
    Thankyou for this amazing lecture 😊

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

    maza aaya aur ye jo maza h hm chahte h pure Nepal walo ko mile .... thank you sir , it was really great experience. Love you from nepal🥰🥰😃😃❤

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

    Thank you so much Bhaiya for Creating this Amezing and Very Helpfull playlist
    What I learnt form this lacture
    1. font styling
    2. font size
    3 font weight
    4. font family
    5. how to import font family form google fonts
    6. color : RGB ( R , G , B , A ) A = the opacity of a color.
    7. HSl =hue saturation lightness

  • @abhinandanb.m4950
    @abhinandanb.m4950 Год назад

    what we learnt in this lecture is:
    Font:
    font size, font style, font family, font weight, line height.
    Colors can be used in different ways:
    named, rgb, hexadecimal and hsl methods.
    Thanks Bhaiya for this content❤.........

  • @thepageturner402
    @thepageturner402 Месяц назад

    Learning this course from HYDERABAD ❤ Challenge Accepted to complete this course👊

  • @kavindranishod5010
    @kavindranishod5010 4 месяца назад +1

    Bhaiya bhot badiaya padhhate hoo
    Aapko koi competition nahi de sakta❤

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

    maza aara boht bhayankar notes bnara hu ache se code bhi krra fir bhi binge watch krra, maza hi boht aara idk man i guess style karne mein boht maza aata

  • @yuvrajsaini6071
    @yuvrajsaini6071 10 дней назад

    Bhaiya, The quality of your content is amazing and I am fond of your teaching style. Great work, Bade Bhaiya.

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

    Okay so I am an artist and I loooovvveee COLORS so yeah I seriosly loved this class and also I learned something new like how to change themes in my VScode. great work Sir. Thankyou

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

    Content++, Way of teaching++, Respect++;

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

    In CSS, HSLA stands for Hue, Saturation, Lightness, and Alpha. It is a color model that is used to represent colors in terms of these four properties.
    Hue: The hue is the color itself, and it is measured in degrees. The hue of red is 0 degrees, the hue of green is 120 degrees, and the hue of blue is 240 degrees.
    Saturation: The saturation is the amount of gray in the color. A color with 100% saturation is fully saturated, and a color with 0% saturation is a shade of gray.
    Lightness: The lightness is the brightness of the color. A color with 100% lightness is white, and a color with 0% lightness is black.
    Alpha: The alpha is the opacity of the color. A color with 1.0 alpha is fully opaque, and a color with 0.0 alpha is fully transparent.
    Lots of love from Bangladesh ❤

  • @harshalchaudhari5476
    @harshalchaudhari5476 8 дней назад

    LOVE BHAIYA....OP.... ..bhaiaya you r one of the most humble and kind tutor whom I admire the most..... always love u love bhayiya......thanks for this web dev series.............Gulabi dil Gulabi dil....😂😇

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

    Just loved this lecture....u can't get bored. Each and every concept is explained beautifully. Thank you bhaiya

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

    Really a wonderful course .
    All concepts are explained clearly.
    Connecting with student ,and helping is great thing done by love babbar

  • @Nishant_IIIT
    @Nishant_IIIT 5 месяцев назад

    Thanks for being consistent , loving this dev series.

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

    धन्यवाद गुरु जी। इतना अद्भुत और श्रेष्ठ तरीके से पढ़ाने के लिए।
    🙏🏿❤

  • @DavinderSingh-fn9kg
    @DavinderSingh-fn9kg Год назад +1

    one of the best course i ever seen

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

    this course is worth lakhs of rupees sir ,much love to you ❤

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

    Thank you so much for your incredible web dev tutorials on RUclips! Your teaching style is exceptional and the CSS lecture today was absolutely impressive. I can't wait to continue learning from you.

  • @KaranKumar-shorts346
    @KaranKumar-shorts346 Год назад

    You helped many students in their whole career bhaiya ,love u love bhiya

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

    i can just say two words for you brother...
    "THANK YOU".

  • @oledgaming8011
    @oledgaming8011 11 месяцев назад

    Lecture 14 Completed
    You are the best bhaiyya no one can teach like you🙂

  • @ShivamMishra-s4y
    @ShivamMishra-s4y 21 день назад

    gajab guruji web development is very very easy bcz of love babbbar bhaiiiiii......lots of love and regardness to sir .......heads offf....🙏👍🤙❤❤❤❤

  • @abhishekkumar-xm3nj
    @abhishekkumar-xm3nj Год назад

    I feel that I am learning more from you than from my real brother. A real brother might scold me whenever I ask too many questions, but you don't.

  • @worldbestmeditationmusic9738
    @worldbestmeditationmusic9738 11 месяцев назад

    One of the best lecture on RUclips.... Maja aya

  • @andromedancomplex3689
    @andromedancomplex3689 9 месяцев назад

    Thanks a lot sir,It is more helpful than our professor's content.

  • @gbgb-h5h
    @gbgb-h5h Год назад

    best teacher ever in my life

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

    Nice bhaiya i want to say again you are the best mentor of millions of students💌💌💌💌💌💌💌💌💌💌💌💌💌
    jai maharana pratap ki jay

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

    thanks sir for giving quality and free content on you tube

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

    Learned a lot and also small concept about font and color. Thankyou bhaiyaa.

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

    Abhi MCA me admission le rha hu or sath hi web dev kr rha hu
    Amazing 🎉❤
    Special thanks to love bhaiya ❤❤

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

    BEST course on WEB DEV

  • @HARSHPATEL-eh2sq
    @HARSHPATEL-eh2sq Год назад

    Best teacher on youtube

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

    Lecture bahut hi achha tha . Isi tarah aanewale sare lecture basic se padhaye .❤😊

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

    Really Really Very Helpful video to learn CSS and Top level of education content on the web related to CSS

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

    Thankyou for teaching and helping us learn the concepts of fonts & colors with ease

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

    Best coding channel of india

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

    Thanks for being consistent , loving this dev series.

  • @ParmarParth-o1v
    @ParmarParth-o1v Год назад +1

    sir your video is very usefull for students i am new student join your playlist
    but your video is awesome.

  • @GouravKumar-ep3hr
    @GouravKumar-ep3hr Год назад

    Astonishing , Awesome , enjoy the whole lecture a lot

  • @ShehzadPathan-r8u
    @ShehzadPathan-r8u Год назад

    Thank you bhaiya❤❤ for your dedication and passion for teaching CSS.

  • @67_rohitraj54
    @67_rohitraj54 Год назад

    Watching your hard work also encourages us to do well.

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

    Everything crystal clear.

  • @pragyadas5435
    @pragyadas5435 11 месяцев назад

    a) hue- defines a degree on the color circle (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue
    b) saturation- defines the saturation; 0% is a shade of gray and 100% is the full color (full saturation)
    c) lightness- defines the lightness; 0% is black, 50% is normal, and 100% is white
    d) alpha- defines the opacity as a number between 0.0 (fully transparent) and 1.0 (fully opaque)

  • @ShivaniAhirwar-ef5ll
    @ShivaniAhirwar-ef5ll 4 месяца назад

    Thank you so much sir Enjoy your teaching style, all things to the point.👍👍🎉🎉

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

    last lecture fo my day and fully satisfied

  • @shrutikbhavsar2735
    @shrutikbhavsar2735 7 месяцев назад +1

    Very nice video bhaiya clear as always 😊

  • @AnsulChaudhary-i4y
    @AnsulChaudhary-i4y Год назад

    Your teaching style is gAzab

  • @RupaKumari-m3v5u
    @RupaKumari-m3v5u Месяц назад

    commenting before starting lecture, thankyou bhaiya for exisitng and teaching

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

    The best web dev course

  • @Rohitkumar-bx8ne
    @Rohitkumar-bx8ne Год назад

    best course on web dev

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

    Really helpful course sir. Pls keep uploading web dev lectures.

  • @ShilpaBiswas-v6s
    @ShilpaBiswas-v6s Год назад

    Thank you bhaiya, for creating such informative web development series ❤❤

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

    Very well explained love to watch this dev series

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

    L14 COMPLETED! Thank You Bhaiya ❤

  • @soudaminipanda21
    @soudaminipanda21 11 месяцев назад

    Completed second one too,
    Willing to complete the entire course soon😊, thank you so much for these easy and simple form to learn.

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

    the way u teach this webd content is very helpful and i love your teaching style sir 🤩

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

    Bhai aap Dil se bht acche ho itna accha kaam karahe ho

  • @Shah-zt7gv
    @Shah-zt7gv 3 месяца назад

    Thanks for the most helping videos on Web development ❤🎉

  • @bhanwishree1217
    @bhanwishree1217 27 дней назад

    Thankyou for making us job-ready! understood very well the entire video !!

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

    Amazing lectures babbar bhaiya💚

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

    Great video sir ji💙💙💙💙💙💙💙

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

    In CSS, hsla() is a color function used to define colors using the Hue-Saturation-Lightness-Alpha (HSLA) model. It is an extension of the hsl() function but with an added alpha (transparency) component.