Avoid These HTML & CSS Mistakes At All Costs

Поделиться
HTML-код
  • Опубликовано: 9 июн 2024
  • Freelance Coding is the way in 2024! Learn How: www.freemote.com/strategy
    / aaronjack
    #coding #programming #javascript

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

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

    Free Beginner Programming Course
    coursecareers.com/a/aaronjack
    Free JavaScript Cheat Sheet
    dontforgetjavascript.com/
    Free Coding Advice (We'll Send you a Video)
    aaronjack.dev

  • @doriomer
    @doriomer 2 года назад +16

    12:09 She heard him talk about the body element 😂

  • @mahsh701
    @mahsh701 2 года назад +47

    seriously no one around all the internet gives this kind of tips, always just so helpful thanks

  • @shamusobi2748
    @shamusobi2748 2 года назад +236

    "Hot chick in undies walk of shame" alert: 12:09, WAY TO GO, AARON! :)

    • @Ucehyi
      @Ucehyi 2 года назад +30

      He should make dating tutorials, he makes the videos so enjoyable and informative and i think we could all learn from that

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

      XD omg

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

      🤣

    • @zackdo5194
      @zackdo5194 2 года назад +56

      He purposely showed that girl so that you can be inspired

    • @niksatan
      @niksatan 2 года назад +37

      Its just css new feature!

  • @michelironside6160
    @michelironside6160 2 года назад +67

    I was focused 'till 12:09.

    • @lifeform106
      @lifeform106 2 года назад +8

      I totally lost my train of thought and thought I am not watching coding anymore... XD

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

      LOL I watched the whole thing and didn't notice anything going on in the background.

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

      at 12:09 you are more focused than ever?

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

      Yeah! I was focused more than ever.

  • @GsoozEnt
    @GsoozEnt 2 года назад +9

    Finding your youtube channel 2 years ago or so was invaluable! Youre a beast bro and I laugh at anyone who tries discrediting you. Thanks for continuosly delivering the goods and in such a clear, concise, and articulate manner!
    I constantly wonder if your background as a teacher played a role in your ability to relay information so well.

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

      Thank you a lot💪

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

      Who's discrediting him?

  • @martinfreefly
    @martinfreefly 2 года назад +62

    For a few months, I wasn't sure about changing career in Web Dev but you defenitly gave me the best reason at 12:09. Thanks Aaron!

  • @zacmelton32
    @zacmelton32 2 года назад +25

    The lady in the back thoooooo

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

      LOL @16:39 ...peek-a-boo!

    • @Mario-su1jz
      @Mario-su1jz Год назад +3

      12:09 that’s not real right?

  • @niilaryeaquartey-papafio1940
    @niilaryeaquartey-papafio1940 2 года назад +71

    12:09 just gave me a reason to subscribe for more🙂. So much inspiration in there

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

      🤣🤣lol

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

      that's the moment I've lost my focus, lol

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

    Very helpful, thanks alot!

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

    Thank you Aaron!

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

    Very helpful for a beginner here! Ty!

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

    Thank you for the great information.👍

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

    New to HTML &CSS, thank you for these remind

  • @0x7A69
    @0x7A69 2 года назад +12

    Liked those mad rectangle drawing skills. Nice tips tho.

  • @1337ghomri
    @1337ghomri 2 года назад +6

    All really great tips! Even though I knew all these. But I have almost also done nothing else than working with HTML & CSS for 9 years now.

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

    Great video! Loved all the tips gonna use them from now on!

  • @marzamish
    @marzamish 2 года назад +7

    I actually have Feemote and the CSS part was incredible. The explanations are to the point, and the concepts are easy to understand. There's also really helpful cheatsheets.

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

      Thank you for the feedback!

  • @YuvrajThapamgr
    @YuvrajThapamgr 2 года назад +6

    By looking at title I thought it would be about how not to get stuck up at html and css and moving forwards with the journey. As I am still stuck at html and css and couldn't move forwards with it. But after watching this video, I got to learn lots of HTML and CSS coding tips which I have never thought if. Thanks a lot for making such a brilliant video on HTML and CSS mistakes.

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

    Great tips.
    These intricate things is why this channel is awesome.

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

    Awesome tips, thanks!

  • @Misterwaltersobchak
    @Misterwaltersobchak 2 года назад +14

    You are one of the best dev teachers on RUclips, because you understand the beginners perspective very well. Just one small criticism: the background music is very distracting in the explanation part. It's really hard to concentrate on the content. Beside that, superb content all around! Liked and subscribed.

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

      Thank you a lot!💪

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

    Thank you very much!

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

    Excellent advise from a Jedi Web Master.
    I definitely will start paying attention to what he is teaching.
    Everything he taught, I am guilty of violating.
    I am so bad about never testing on mobile or any other platform.

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

    only now become aware of ctrl+f honestly don't know how i've survived without it with huge sheets of ccs awesome vid.

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

    appreciate this content man from east Africa.. you seem to understand newbies

  • @vento5558
    @vento5558 2 года назад +6

    Informative indeed, though adding timelines would make this video a lot better :)

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

    Great tips!

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

    thanks a lot Aaron for the advice gave me a lot of information !!

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

    When I went to your video I was not expecting for this, that is, the great tips you gave! Great job! ;)

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

    Awesome tips thanks :)

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

    Great overview. What was missing were media queries and a mobile-first approach. Also, wireframing the design before coding.

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

      Idk most of the information you could find with doing a few days of research and you retain it much more, and yup I agree

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

      If we talked about wireframing before coding, this video would be unnecessary.

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

    Awesome! I need one on JavaScript too 😅

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

    hey, that was great man, thanks!

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

    Very helpful - Thankyou

  • @abbirosekelly
    @abbirosekelly 2 года назад +6

    Your thumbnails are from heaven. So gorgeous!

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

      @@adrian-4767 you are creepy

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

    Nice. Thanks.

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

    Use display grid instead of flex to create structure

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

    Good one !

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

    12:09 Ok I think it’s time to move to Kiev :)

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

    You know that guy you said hasn't heard about Ctrl + F and Ctrl + Shift + F ??? That was me. Thanks AJ.

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

    If youtube didn't have a slowdown feature I could never follow this.

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

    Thanks a lot .

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

    New to freemote so far pretty good.

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

      worth the price? how thorough is the information?

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

      So far the information is more than worth it. its challenging and that's what you want if you plan to be good. That's what I have learned so far. Only on week one.

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

      Thank you! Good luck with the following weeks💪

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

    12:10 distraction 😂🤣

  • @donmikkodanm.olmillo8154
    @donmikkodanm.olmillo8154 2 года назад +2

    Hi will you do JS Mistakes (both vanilla and frameworks i.e. React, Nodejs, Express) next please :) thank you!

  • @niksatan
    @niksatan 2 года назад +16

    Aaron is my man! 12:10 !

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

    please make a video of how you design your thumbnails ,what tools you use, =and how long does it take to get to your level

  • @ViorelMocanu
    @ViorelMocanu 2 года назад +6

    I have 20+ years experience in writing HTML and CSS and I'm sorry to say mistake #1 makes no sense. I always, ALWAYS first write the HTML to define the content structure and only then do I replicate my HTML structure in the CSS and style the entire page gradually. I almost never rewrite anything in HTML after initially figuring out its structure (mobile first, then progressively enhanced to large desktop).

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

      it's kinda like paradigm.

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

      @@ashisheady8841 yep, exactly

    • @JoaoPedro-qt7dc
      @JoaoPedro-qt7dc 2 года назад +1

      Same here. I always start writing the whole structure in HTML, then I progressively write the css in a mobile-first approach. It works like a charm

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

    Really useful tips

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

    Thank you for the great tips & the photo bomb. I'd post the time of it but I'd rather make everyone listen to your advice while searching for that.
    One point, not sure beginners actually know what you mean by specificity. It could be misconstrued.

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

    Hey Aaron thanks for your explanation, but i wonder how does the responsive work especially i can't see any responsive codes if I'm not mistaken can you explain that please. Thanks

  • @Sleet-user
    @Sleet-user Год назад +1

    8. You don't have to type , Only do that for xhtml projects.

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

    I never use short hand. It takes the fun out :/

  • @vectorlonewolf
    @vectorlonewolf 2 года назад +9

    Yo bro. I don't know a damn thing about what you be talking about. But you seem so knowledgeable about the topic its hard not to watch and be interested 👍

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

    Could you share the code you used to create the boxes? (:

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

    There are people that don't use ctrl + F? I regularly use it plus ctrl + H (find-replace-all), ctrl + D (find-next), and F2 (change all instances of a variable name more intelligently than ctrl + H)

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

    Hi, in HTML CSS order section you separate webstite to sections. How this topic calls? I want to search about it. Please give me answer as much as you can. Thanks in advance

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

    I just started learning HTML and CSS today and this popped up.

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

    12:11 The girl in the back🤐

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

    hey bro, can you share with us your theme for vscode, btw great video!!

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

    was wondering what the bind was to find a especific selector in page

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

    thanks bunches

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

    I use templates as I'm lazy... in the early days I had to change dollar signs to GB pound signs...
    I did a find/change on '$' and nearly broke the whole internet!

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

    Wait, there are people who don't build outside-in?

  • @DuyTran-ss4lu
    @DuyTran-ss4lu 2 года назад +1

    Awesome

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

    Nice video! What theme are you using?

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

      do u know what text editor he's using

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

      @@jash8281 vscode. I think the theme is called horizon

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

    The first tip is not right in my opinion ...
    I always finish my html completely first and then start working with css and trying different ways to align my content ...
    And this makes me organized and finished everything correctly without destroying everything ...
    Specially when I have a complete and descriptive wireframe and flow chart for my website ...

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

      im pretty sure if u know what you're doing, writing html upfront got no problem at all. In fact, it makes ur css cleaner, since ur planning stuff ahead. Provided u do it correctly

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

    I have just learn the basics of html, can I get any suggestions on how to earn with html during this pendemic?

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

    Whoa. It went back 13:21

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

    Aaron can you be a backend developer without first being a frontend?

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

    You look like Edward Snowden
    When you put the glasses

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

    unique tips

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

    12:09 Oh man is it real??

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

    Do you have a tutorial on this for mobile first ?

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

    If I saw this video years ago, I might have ended up as front end developer - instead of all the other IT stuff I have been doing and doing now :D :D

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

    I've always thought that you are a robot/alien in the form of a human :)

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

    "deadly html mistakes" -- finally someone is talking about the dirty underworld of html coding...

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

    You are building a very successful looking brand.

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

      Thank you a lot!💪

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

    12:10 🔥🥵😈 developers alpha

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

    OH MY GOD
    I need part 2 / 3 /... / n PLZ

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

    @Aaron Jack You are tell all your viewers my bad habits from viewing my homework from Freemote...LOL. I am still a scroller. I can't seem to break that habit. Even though I know about CMD + F LOL

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

    This is good

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

    5:18 why you put style tag after body................!!

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

    please sir theam name

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

    One word : Thanks

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

    👋🏾hi guys, still new to coding. I wanted to know what code editors doing you use and if they are free.

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

    I thought he was gonna have a metaphor with the iced coffee... Nope just wanted to complain.

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

      I love it! Just reminding everyone that he's human! 😂✊🏼

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

    Does someone know how his web page immediately changes when he saves files without refreshing page?

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

    Let's gooooooooooooo

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

    should i begin with python or html & CSS or both at the same time? i want to be a front end dev first because it seems "quick" and "easy". My motivation is the money and get a set of valuable skills for every day life.

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

      For now drop python I was learning python. But you will need html,css and Javascript.

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

      @@ericb4898 hi ! drop = give up ? (sorry foreigner here)

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

      My apologies I'm saying to stop python for now. Start with the other 3. You will need to have good understanding. I will say that Freemont has been a great deal better then going it alone.

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

      Thanks :)

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

      @@gabrielsuarez8858 give up for some time.

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

    When Aaron not coding .. I need not ask. 😂

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

      When Aaron's not coding, hes coding. 🤣

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

    this man knew the coming Ukraine War and tried to warn us. he is a psychic

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

    What about naked lady behind you in 12:09?

  • @The-Dev-Ninja
    @The-Dev-Ninja 2 года назад

    thank you! i click for your beautiful thumbnail

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

    Sounds like my code.

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

    12:09 I don't know why, but I think it was planned...

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

    I can tell how Aron's voice changes when he knows his girlfriend is around. So Sweet

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

    seriously, ctrl+F can be a tip.....

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

    which IDE is he using?

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

      most likely sublime but vs code is better.