Project: Build a Landing Page (2/2)

[@craigabourne]

Learn HTML: kzbin.info/aero/PL4cTxE4s2XIYJL6uPQUwMt25M70gPl-O6

[@kjetelhallen3887]

Learned so much from this series of videos. Thank you!

[@craigabourne]

Glad it was helpful!

[@ovidiu2394]

Outstanding series, thank you so much!

[@craigabourne]

Thanks! Appreciate it!

[@TsTheSeason]

Wow, I appreciate this lessons you are the best! God bless you!

[@craigabourne]

Thank you! 😃

[@leonardreveira]

Thanks for the project. I enjoyed making it

[@craigabourne]

Me too! Well done for getting through all the videos to the project 🔥🔥🔥

[@leonardreveira]

@@craigabourne Took a minute, but got there. Learned so much. Thank you

[@Naz-yi9bs]

Hey Craig, I'm wondering if you have any good suggestions on how to think about naming HTML attributes such as, class, id, div, etc.. Is there a naming convention, or a good practice to follow? Any book (front-end or just in general recommendations from you would also be amazing.) THANK YOU SO MUCH FOR YOUR CONTENT. About to watch all of your css :)

[@craigabourne]

You should just be naming attributes in the most descriptive way possible. Describe what the thing is. class="navbar" etc etc. There is a convention called BEM (Block Element Modifier) which might help you when naming things. It uses double underscores and dashes to create a hierarchical system of intuitive class or id names. So if you had class=“navbar”, .navbar is the ‘Block’. The top-level abstraction. Then you may have ‘Elements’ that depend on that block. Links inside the navigation bar for example. You would give these class=“navbar__links”, for example. Then you might have some class that modifies the entire block. Maybe you have a dark mode functionality in which case you could have class=“navbar-dark” Sorry, I don’t have a video on it just yet, but this article might help you css-tricks.com/bem-101/ or this video from Kevin Powell kzbin.info/www/bejne/iX3NeYaMrL2Mp5Y. Hope that helps!

[@Naz-yi9bs]

@@craigabourne Just found out about BEM after I had asked you, also another one called Object Oriented CSS. Thank you so much!! You are the best.

[@khatz20]

Hi, where can I find the css video for this project ?

[@nutpiro343]

noice

[@Naz-yi9bs]

Amazing series, thank you so much!

[@craigabourne]

Thanks Naz! 👍

[@audenbickel]

Thanks! I finish the project but use different pictures and turned it to a coffee website

[@craigabourne]

Fantastic! That's exactly what you need to do. Take inspiration and modify it so it's yours. By making the changes, you're consolidating what you learn.

[@jamieluca681]

why doesn't this great channel get more subs??

[@craigabourne]

It's just HTML and CSS at the moment. I suspect more will sub when I start doing JavaScript content. I get a lot of people asking for it, and it's coming, but I'm just trying to give good coverage to CSS first and cover the language in a fairly comprehensive way before I move on to things like JavaScript, Git, React, Node, Next JS etc.

[@plcasiraghi4722]

Thanks i finished the project. My first one

[@craigabourne]

First of many! Great job! Keep it up 👍

[@abdelazizetaib9305]

Thank u so much

[@craigabourne]

Most welcome 😊

[@CallMeNighthawk_]

Awesome!

[@craigabourne]

Thanks!