#1 Learn CSS Flexbox - (தமிழில்)(Tamil) | HTML | CSS Course

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • CSS Flexbox - (தமிழில்)(Tamil) (Tutorial) | HTML, CSS | Web Design Course
    In this video, you will learn famous CSS Layout module "Flexbox" with its properties in detailed information.
    CSS Flexbox Properties:
    display: flex;
    flex-direction;
    flex-wrap;
    flex-flow;
    justify-content;
    align-items;
    align-content;
    order;
    flex-grow;
    flex-shrink;
    align-self;
    Github Source Code: github.com/anb...
    Before watching this video, inorder to get clear understanding of how CSS works, do watch our CSS Course which is absolutely FREE.
    HTML Course (தமிழில்)(Tamil) : • HTML Course in Tamil
    CSS Course (தமிழில்)(Tamil) : • CSS in Tamil
    Javascript Course (தமிழில்)(Tamil) : • JavaScript in Tamil
    **What's Next**
    #2 CSS Flexbox Game ()
    To Join in our free training course: Join here
    cyberdudenetwo...
    To know video updates join our facebook group:
    / cyberdudetraining
    Credits:
    Sponsor: CyberDude Networks [www.cyberduden...]
    Instructor: Anbuselvan Rocky [ / anburocky3 ]

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

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

    Ahh. This channel was so useful when i started my programing carrear..again i came back ..

  • @VijayKumar-zt1qb
    @VijayKumar-zt1qb 4 года назад +6

    Anbuselvan Rocky always Rocking! Good Explanation. :)

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

    Good Explanation, Keep making videos. Thank you so much

  • @jenithajeyakumar105
    @jenithajeyakumar105 4 года назад +4

    sema bro, vera level teaching, more interest, and clear voice keep rocking its useful for me, now I got more ideas and your videos are good please give this type of videos and tips

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

    neenga legend thaan

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

    Clear explanation.👍 It's very useful for me

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

    Thanks na for suggesting a flexbox froggy game. its very helpfull to understand better

  • @KiranKumar-jp1by
    @KiranKumar-jp1by 3 года назад +3

    Ne vera level thala👍👍👍

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

    Thank you so much for your wonderful explanation..

  • @muthuram7592
    @muthuram7592 6 месяцев назад +1

    Vertical - Align Items
    Horizontal - Justify Content 😊

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

    Your videos are useful.. Clear explanation.. I have learned lot from all your videos..

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

      Glad to hear that. Keep watching, lots more helpful videos coming up.

  • @ishwarya_karthick8696
    @ishwarya_karthick8696 4 года назад +4

    nice explanation ... its more interesting

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

      It will be more interesting if you create more real-world projects. Give it a try. You will feel good and proud. :)

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

    Nice video, easily understandable. Keep making videos. Thanks

  • @senthamarai_kannan.
    @senthamarai_kannan. 2 года назад +1

    extension name bro ? to autofill 15 div

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

    Vera level bro

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

    justify-content & align-content, position the child items with respect to the main and cross axis, not the content of the children.

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

    Super bro✌👍. Excellent explanation

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

    arumaiyaana pathivu....

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

    very nice tutor

  • @Respect-ee2ur
    @Respect-ee2ur Год назад +1

    Means alot

  • @dhanasekart.k3389
    @dhanasekart.k3389 3 года назад +1

    Bro unga videos lam nalla iruku keep it up bro , image slider ku oru video podunga bro konjo useful ah irukum

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

    4 box la, rendu box starting, 2 box ending la veikanum apdina epdi bro

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

    super brooo we need grid layot broo

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

    i like it bro

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

    Super sir

  • @praveenkumar-qh3dq
    @praveenkumar-qh3dq 3 года назад +1

    Majja bro❤

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

    And also give some easy tricks for coding bro.✌️

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

      As we are coding. We are sharing the tricks to improve the productivity.

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

    I was learned unknown things in front end development. Anything need to donate your channel. How to donate bro.

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

    Bro one doubt bro
    Nama bootstrap vachi nav bar create panitu
    Css media query vachi responsive ah koondu Vara mudiyum ah bro
    Bro next website la keela bar varama iruka yena bro pananum css la
    Css la display: flex nu kudutha poothuma

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

      Bootstrap uses flex behind the screen. So neenga bootstrap use panavae, you will be using the flex only. You don't have to do that manually. Bootstrap will take care. If you want to do manually, yes, flexbox knowledge vechi neenga ena venalum panalam.

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

    div*15>{BOX $} box 15 not working .. can u plz help on it.. i pressed tab button too

    • @CyberDudeNetworks
      @CyberDudeNetworks  4 года назад

      I tried your snippet and its working. If it still not working, make sure you install the emmet extension. (Y)

    • @ishwarya_karthick8696
      @ishwarya_karthick8696 4 года назад

      Ya u r right... I have installed it and i tried.. its working now.Thank u for ur support.

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

    Good explanation ❤😊

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

    How to comment the line very fastly

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

      In your VSCode press CTRL + / (It will create the comment)

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

      @@CyberDudeNetworks thank you bro indha mari fulla shortcut vachi oru video podunga👍

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

      @@krishnarajan319 Sure brother.

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

    Bro ennaku oru doubt eruku but ethula athu puriya vaika mudiathu, any other options for contact you?

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

    bro epudi andha ezhutha select panni ore timile commond pandradhu

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

    animation pathi video podunga

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

    Flex box vs grid which is best?

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

      Flexbox => Useful,
      CSSGrid => SuperUseful & Powerful than Flexbox

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

      @@CyberDudeNetworks thanks for your fast reply ☺️

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

    vs code la enna font bro use panrenka

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

    Hi where is that flexbox ppt for understaing

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

    2:30 Flex box is 1 dimensional and css grid is 2 dimensional.

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

    Bro neega grid view video unga chennala iruka

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

    nice bro

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

    DOM video podugaa bro

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

      We would like to inform that, we have started making videos regarding JS DOM. :) You will receive it shortly.

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

    Bro css grid videos link

  • @priyadharshini.s3565
    @priyadharshini.s3565 4 года назад +2

    ANNNA AFTER CSS COURSE THIS VIDEO ONLY KNOW...?

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

      Yes, Learn HTML, CSS3 & CSS Flexbox and Bootstrap or JavaScript.

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

    Ena package bro install panirukinga css ku

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

      You mean extensions? We have used Live Server i think.

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

    How to add tamil language on HTML

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

    wher to get the pdf

  • @lovely-do8ns
    @lovely-do8ns 3 года назад +1

    bro neengha first show pana ..PPT file attach panungha bro for future use

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

      Will do that in the future. Currently i don't the ppts.

    • @lovely-do8ns
      @lovely-do8ns 3 года назад +1

      @@CyberDudeNetworks No bro antha flux box containers and icons pics

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

      You can get it from: css-tricks.com/snippets/css/a-guide-to-flexbox/

    • @lovely-do8ns
      @lovely-do8ns 3 года назад +1

      @@CyberDudeNetworks Rmbha nandri nanbha , I would recommend you to show your gpay/phnpey / Paytm number in your videos or in description. Because your content or more useful than some paid online services.💯🙌

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

    Super bro

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

    Hi team can u share the ppt of this session

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

      Sorry, we don't have ppt for this session. Will upload the ppt in our future videos.

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

    Bro I need that ppt. Thanks

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

    Mr. Rocky. Please add the phonepe or paytm number as well. Interested people will pay according to their capacity. I was able to become clear in hardconcepts of Javascript after watching your video lessons. Now, in the interview, felxbox and grid, pseudo classes are frequently asked for senior web developers. And your video lessons are very very useful. please continue your works for the larger benefits Anbu brother. Also please teach lessons on React, Redux, HOX, renderprops, Storybooks, etc. and also start a series for realtime projects. Dont forget the phonepe number, Anbu bro....

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

    Nice explanation.👍