Avoid These HTML & CSS Mistakes At All Costs

Freelance Coding is the way in 2024! Learn How: www.freemote.com/strategy
/ aaronjack
#coding #programming #javascript

[@AaronJack]

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]

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

[@shamusobi2748]

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

[@3_._._0_._._3_._._entity]

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

[@itameio6161]

XD omg

[@mahmudurrashid9035]

🤣

[@zackdo5194]

He purposely showed that girl so that you can be inspired

[@niksatan]

Its just css new feature!

[@mahsh701]

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

[@AaronJack]

💪💪💪

[@GsoozEnt]

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]

Thank you a lot💪

[@OfoeNelson]

Who's discrediting him?

[@robbrubach4501]

Thank you for the great information.👍

[@thaihm]

Thank you Aaron!

[@richardkulling1432]

Very helpful, thanks alot!

[@0x7A69]

Liked those mad rectangle drawing skills. Nice tips tho.

[@martinfreefly]

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!

[@kishorevb8331]

Same😮

[@bruce.lee.]

🤣🤣🤣🤣🤣

[@Death_Metal_Head]

lmao, just saw that and immediately came to the comments

[@frenchmike]

bring her in and double your views for sure.

[@Jeremy.Muller]

😂

[@pauljohn3898]

New to HTML &CSS, thank you for these remind

[@1337ghomri]

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.

[@rickneibauer1]

Very helpful for a beginner here! Ty!

[@beffjezos3911]

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

[@AaronJack]

Awesome, thank you!

[@Mecagothits]

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

[@AaronJack]

💪💪💪

[@zacmelton32]

The lady in the back thoooooo

[@nancib2963]

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

[@Mario-su1jz]

12:09 that’s not real right?

[@niilaryeaquartey-papafio1940]

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

[@yunusyasin6843]

🤣🤣lol

[@Drelka]

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

[@BusinessWolf1]

hey, that was great man, thanks!

[@AaronJack]

Thanks💪

[@johnadriandodge]

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.

[@Brahmdagh]

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

[@AaronJack]

Thank you!

[@johnadriandodge]

Thank you very much!

[@vento5558]

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

[@michelironside6160]

I was focused 'till 12:09.

[@lifeform106]

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

[@sonofaput]

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

[@zackdo5194]

at 12:09 you are more focused than ever?

[@michelironside6160]

Yeah! I was focused more than ever.

[@brandonfuerst2977]

Awesome tips, thanks!

[@AaronJack]

💪💪💪

[@YuvrajThapamgr]

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.

[@AaronJack]

Thank you!💪

[@gleitonfranco1260]

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

[@AaronJack]

Thank you!

[@Misterwaltersobchak]

You are one of the best dev teachers on KZbin, 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]

Thank you a lot!💪

[@marzamish]

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]

Thank you for the feedback!

[@jenninexus]

Awesome tips thanks :)

[@lawrencemotions8720]

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

[@ramasike]

Great tips!

[@maxcloutier8]

Awesome! I need one on JavaScript too 😅

[@slavkoostojic3535]

Good one !

[@emmanuelnyaga9612]

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

[@slipstream254]

Nakuona boss

[@emmanuelnyaga9612]

@@slipstream254 nakubali bro.. tuendelee kuiva hii kitu

[@jezzamobile]

Very helpful - Thankyou

[@AaronJack]

💪

[@mikegallegos7]

Nice. Thanks.

[@bhutchin1996]

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

[@PatrickAngel525]

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]

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

[@limitless003]

Thanks a lot .

[@abbirosekelly]

Your thumbnails are from heaven. So gorgeous!

[@stephenw2671]

@@adrian-4767 you are creepy

[@ericb4898]

New to freemote so far pretty good.

[@blvckmesa]

worth the price? how thorough is the information?

[@ericb4898]

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]

Thank you! Good luck with the following weeks💪

[@trissflyff5317]

12:10 distraction 😂🤣

[@sergioalcantar3290]

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

[@AaronJack]

💪

[@patrickc3103]

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.

[@donmikkodanm.olmillo8154]

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

[@makindupirulindo8789]

Use display grid instead of flex to create structure

[@vectorlonewolf]

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 👍

[@mrsingh5351]

Really useful tips

[@Goldenboy0627]

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

[@femaledeer]

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

[@nhlanhlandlovu1643]

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

[@niksatan]

Aaron is my man! 12:10 !

[@sonofaput]

😂

[@edemduku3391]

thanks bunches

[@shivanshpandey6079]

unique tips

[@DuyTran-ss4lu]

Awesome

[@Sleet-user]

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

[@nsptech9773]

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

[@gigi19900619]

Same to me :)

[@lolgamer4265]

So how is your progress

[@afretoon]

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

[@ViorelMocanu]

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]

it's kinda like paradigm.

[@ViorelMocanu]

@@ashisheady8841 yep, exactly

[@JoaoPedro-qt7dc]

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

[@garyfox8701]

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!

[@wellyacoub5395]

You look like Edward Snowden When you put the glasses

[@muttBunch]

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

[@thelatterrain1822]

12:11 The girl in the back🤐

[@tyleralmajnoon]

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

[@butchienairda8148]

Whoa. It went back 13:21

[@Conciertog]

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

[@Daniel_WR_Hart]

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)

[@Cuiriosityone]

Nice video! What theme are you using?

[@jash8281]

do u know what text editor he's using

[@Cuiriosityone]

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

[@MatejDrbohlav01]

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

[@duncanowino679]

This is good

[@noelblanco]

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

[@mxd3bill70]

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

[@lawhardebbarma3027]

12:09 Oh man is it real??

[@johongirrahimov2343]

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

[@alanchristian3209]

12:10 🔥🥵😈 developers alpha

[@Ahmd53Mhmd]

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]

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

[@subzeroeprst]

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

[@JesusSaves010]

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

[@davscotwar]

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

[@hahahahhahahhaha786]

You are building a very successful looking brand.

[@AaronJack]

Thank you a lot!💪

[@bekjohansson3016]

@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

[@jamesnah667]

Let's gooooooooooooo

[@darkdudironaji]

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

[@GsoozEnt]

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

[@antons7210]

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

[@bencroacademy]

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

[@GsoozEnt]

When Aaron's not coding, hes coding. 🤣

[@nigaraliyeva7931]

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

[@The-Dev-Ninja]

thank you! i click for your beautiful thumbnail

[@calentecardwell5266]

Do you have a tutorial on this for mobile first ?

[@harsehraabsinghsarao9765]

One word : Thanks

[@AaronJack]

💪

[@codersintheocean]

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

[@Princemoyo137]

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

[@csbnikhil]

Vim

[@curioustolearn7736]

Hi I'm also a beginner in coding, do you want to work together?

[@gabrielsuarez8858]

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]

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

[@gabrielsuarez8858]

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

[@ericb4898]

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]

Thanks :)

[@ashisheady8841]

@@gabrielsuarez8858 give up for some time.

[@benjaminhansen5801]

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

[@nnamenearinze6086]

Live server vscode extension.

[@bernardomontoya4846]

The feature name is Hot reload

[@norvusordoseclorum]

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

[@martinfreefly]

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

[@bloocifer]

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

[@zachfenton608]

Sounds like my code.

[@alfyca86]

What about naked lady behind you in 12:09?

[@LasayRedJr]

😂

[@vivianliu5011]

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

[@naverandno]

please sir theam name

[@stunchbox7564]

Purple boss