28: How to Write Better HTML and CSS | Learn HTML and CSS | Full Course For Beginners

FIND MY 2023 COURSE HERE: • 1 | INTRODUCTION TO HT...
How to Write Better HTML and CSS | Learn HTML and CSS | HTML Tutorial | Improve HTML and CSS. In this HTML tutorial you will learn how to write better HTML and CSS. I will also be talking about some general coding tips that only counts for CSS and not HTML.
➤ GET ACCESS TO MY LESSON MATERIAL HERE!
First of all, thank you for all the support you have given me!
I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
I hope you will find it helpful :)
Material for this lesson: / lesson-material-42361704

[@Dani_Krossing]

NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: kzbin.info/www/bejne/rGnNdaF4jshjmNU&ab_channel=DaniKrossing

[@calibr0636]

I can't believe I was diagnosed with divitis.

[@111ark]

You and me both, man. You and me both.

[@calibr0636]

ikr, im in javascript now. learning collision detections then python.

[@xeptao4385]

thank god i started coding like 1 month ago, i always used semantic elements

[@kobexd373]

This is getting bad

[@nishchalbadala8069]

I was shocked when i saw every app of Adobe in his taskbar

[@spidersnsupercells7626]

and yet he's using Atom over Dreamweaver

[@nishchalbadala8069]

@@spidersnsupercells7626 😂😂

[@lazymacs2823]

@@spidersnsupercells7626 because Dreamweaver sucks

[@julz19]

@@lazymacs2823 huh? have you used it?

[@even2288]

He also has Blender and Unity. These is pretty heavy programs

[@zid3]

Thank you for this video, I have been studying web dev this year towards my degree. I must say I definitely fall into that divitus category...not anymore. Thank you

[@ysmainly]

This video just changed my style of writing html for the better. I thought working with divs this way was better. Good to know better now

[@Sch0LarY]

Thank You so much, may God bless you Daniel Nelsen.

[@elprquex]

Can you come back to containers wrapper and sections when and how to use them properly.Thank you.

[@sonoftroy8572]

The only comment I have about this would be, when using css grid or boot strap or flex box etc... the divs are necessary when you want to position a group of elements that is contained inside a parent element from left to right without using the css float rule... you are right that your markup shouldn’t be congested but depending the type of css library your using will determine your reliance of the div element

[@longDFellow]

i just finished skillcrush's html and css course and they need to be called out on their divitis.

[@CraftyDevelopers]

thank you for your fantastic tuto it help me alot

[@casaljayreydentorl.7066]

Thanks men, i'll watch it all. The explanation and graphics are awesome.

[@SolidousMdz]

What about Bootstrap? You do have a lot of DRY and Divitis when implementing the classes.

[@Dani_Krossing]

Interesting question, and you are right about Bootstrap having these issues. Which is also why I don't use Bootstrap myself. Here is an article that explains a bit about the issue you pointed out with Bootstrap: blog.kellishaver.com/i-dont-love-bootstrap/

[@SolidousMdz]

Exactly, it is a double-edged sword, BS4 makes it really easy in one side, but its a much bigger html code in the end. Still on topic, does the new grid system adds a lot of "Divitis" too? You need rows and cols there each on its own div right?

[@Dani_Krossing]

No CSS Grid does not cause divitis :) In my video on it i used a lot of divs to explain CSS Grid, but you can use all elements as a grid item. So don't let yourself get confused by my video.

[@eguchiyuuki]

great!!

[@LiaSueKim]

Hey ! Can you make a video about yourself like 5 minutes to introduce yourself and tell a little about yourself? If it doesnt take your time or if you doont think that it is waste of time for you then do it. i forgot the magic word. " Please" The reason i ask for this is because just of my curoisity.I mean I just want to know about you

[@goku546686]

The odin project would strongly disagree lol then argue with professors how the prof. Is wrong Although if you wanted to seperate the title and the paragraph in the same class you now have to identify the element in the class making css longer and more convoluted ( according to the odin project)

[@CoryMHB]

just what I needed. thanks

[@inasrt2176]

but isnt the dev for like the original background of a certain paragraph , like if we targeted a text inside html with css and set for it a background wouldnt get weird and limited background just for that text ?:forgot about the interrogation xd , but if we targeted whole section that contains that text like inside dev the background will cover all space for that text

[@lamiaagabriel2471]

I almostly understand what you r saying and your all contents is great , but please could you supply it with some subtitles, en or ar what ever u want.

[@namanmurarka9252]

Conspiracy theory of divitis: Younger developer in 90s made this up so that when they grow old and senior developer , they could review young developer codes easily 😂

[@imtoolate]

still doin' it years later.. bad habits.. but it appears so much easier 'till it gets bigger ☠️

[@TheModernPolymath]

Great video. Pls try adding automatic subtitles next time

[@ozgur19791]

Helpful video! Thanks!

[@skoyah]

Hello. I can't wait for your next tutorial! Really love the job you are doing. Meanwhile I am trying to create a custom PHP blog CMS to create posts but I am having issues with one thing. I would like to use some WYSIWYG to create the posts. I also want to insert some images that then would be stored in a database. The problem is that when i want to fetch those images I would like to be able to style them dynamically using CSS classes. How could i achieve that? Would you be able to do a tutorial on that?

[@Destro14]

If you have knowledge about SEO can you make videos? I really want SEO tutorials from you.

[@kayan_dev]

sass is helpful for styling better

[@12345629250]

Hi been following your lessons for quite sometime they are fantastic but today went to visit your website could find it what's up with that... ?

[@louzynerd129]

I'm your 1000th like :D

[@v0ld3m0rdvoldis5]

what program are u using

[@virus5509]

thanks!

[@Stoney_Eagle]

I'm using bootstrap but I want to position items a little different so I'm indeed being dumb and add a whole bunch of code. Im still watching the php tutorials. You're making them faster then I can watch.😂 You got a lot of echo in this video bro.

[@latoyagrant2118]

Book

[@---nj7hl]

You can go to the 3 dots on the video and change the playback speed. If it helps, turn on the closed caption, if it's turned on on the video.

[@electronicheartbreak.]

Another great video! Thanks!!

[@graphicguru5902]

can we use section under section ??is this a good practice...

[@malanlk1014]

Thank you!

[@BurntBread38]

What platform is this

[@the-a-ok]

Can you you help me to clean css and j's?

[@MilanB]

What about BEM methodology , do you find it useful ?

[@Dani_Krossing]

Interesting you brought it up. I did consider including it :) While BEM is interesting to look into, I am hesitant to do a video on it this early on to not confuse or overwhelm people who are completely new at HTML and CSS. This early on I think it is more important to create and practice HTML and CSS, before getting picky about CSS methodology. By that I don't mean that naming CSS methodology isn't a great thing to learn, because it definitaly is, but I just think it is too early for that since it isn't really "required" :) If I had to include anything similar in this specific video, it would just have been about naming conventions of CSS. Like don't create class/ID names like this "bannerImg", but instead like this "banner-img"...

[@MilanB]

Thank you for the reply, sometimes i feel like it is my duty to bring some topics to discuss on your channel, hope you don't mind it. Cheers :)

[@Dani_Krossing]

I love when people think out of the box and ask these sort of questions :) sometimes I also end up learning new things

[@rinrin6454]

Well shit. I really thought that's just how divs work. I've been peppering my code with them. -_-

[@gaurangkale1878]

Which compiler is it sir?

[@graphicguru5902]

can we section under section ??is this a good practice...

[@DJAtom]

honestly, know all of this but watched the entire video to find out if i didn't know something useful, love mmtuts

[@shinevisionsv]

Awesome!

[@felicaamiko]

outro song is what?

[@charliecagigas799]

I just put everything into one div

[@234edog]

yo whats that end credit song?

[@eduardomaxwell7817]

keep it simple stupid - michael scott

[@youneskasdi]

So all those "professional templates" out there are filled with divs and act like their codes are complicated and you can't mess with it too much bla bla bla happened to be all beginners trying to act professional

[@111ark]

Legit.

[@MrFckingninja]

MMTUTS @@@@@ What about BEM where you MUST give a class name to every element?

[@Dani_Krossing]

I answered that question to another person in the comments here :)

[@MrFckingninja]

mmtuts sorry didn't read comments yet :) thanks for the reply

[@only1devious]

this video was long as hell only to tell me not to use div so much, and to clean my code but to be careful when cleaning my code lol fuck me.

[@stienogamez8296]

Using alot of divs isn’t bad at all

[@Dani_Krossing]

If you want to have a properly SEO optimized website, then using divs constantly isn’t a good habit. 🙂

[@EmadElSammad]

You made a simple topic way more difficult than it is

[@Dani_Krossing]

Thanks

[@EmadElSammad]

mmtuts sorry man, just don’t worry about talking fast to make the vid short and focus more on talking naturally. I have an accent too and I understand why you spoke like that. Good luck

[@rauchu5861]

@@EmadElSammad wat?

[@ru2979]

@@Dani_Krossing 😶😑

not talking much about CSS ...

[@0x-003]

why not just use BEM over the way you said? your way is just a bad version of BEM? BEM seems alot cleaner and better

[@Dani_Krossing]

Yes now a days I would use BEM conventions as well.

[@0x-003]

@@Dani_Krossing okay, just wanted to make sure, as i just discovered your video.

[@Dani_Krossing]

@@0x-003 Hehe np 🙂 This video is quite old and from a lazier time of my life. I'm currently updating my HTML course (first video just got uploaded) to make sure it is more up to date with proper conventions.

[@0x-003]

@@Dani_Krossing yeah i saw your newest video, btw, are you danish? you sound like one :) - if so, i have some questions for you, as im a danish front-end dev student.

[@Dani_Krossing]

I am Danish 🙂 What do you wanna ask?

[@ahmadhardy2649]

why most of your videos have the same thumbnail I think that I watched it so I don't like it

[@MaxwellSelumun]

I love your tutorial but the way you speak is too fast