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

Подписаться 476 тыс.

Просмотров 127 тыс.

50% 1

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

Опубликовано:

4 мар 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 85

@Dani_Krossing Год назад

NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-v8jDnBYc0bs.html&ab_channel=DaniKrossing

@calibr0636 5 лет назад

I can't believe I was diagnosed with divitis.

@111ark 5 лет назад

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

@calibr0636 5 лет назад

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

@xeptao4385 3 года назад

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

@kobexd373 3 года назад

This is getting bad

@nishchalbadala8069 4 года назад

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

@spidersnsupercells7626 3 года назад

and yet he's using Atom over Dreamweaver

@nishchalbadala8069 3 года назад

@@spidersnsupercells7626 😂😂

@lazymacs2823 3 года назад

@@spidersnsupercells7626 because Dreamweaver sucks

@julz19 3 года назад

@@lazymacs2823 huh? have you used it?

@even2288 3 года назад

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

@zid3 5 лет назад

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

@Sch0LarY 6 лет назад

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

@casaljayreydentorl.7066 4 года назад

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

@CraftyDevelopers 4 года назад

thank you for your fantastic tuto it help me alot

@ozgur19791 5 лет назад

Helpful video! Thanks!

@CoryMHB 6 лет назад

just what I needed. thanks

@elprquex 6 лет назад

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

@ysmainly 6 месяцев назад

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

@sonoftroy8572 5 лет назад

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

@virus5509 5 лет назад

thanks!

@eguchiyuuki 3 года назад

great!!

@graphicguru5902 6 лет назад

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

@lamiaagabriel2471 4 года назад

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.

@skoyah 6 лет назад

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?

@electronicheartbreak. 6 лет назад

Another great video! Thanks!!

@TheModernPolymath Год назад

Great video. Pls try adding automatic subtitles next time

@12345629250 6 лет назад

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... ?

@graphicguru5902 6 лет назад

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

@inasrt2176 3 года назад

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

@longDFellow 3 года назад

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

@Destro14 6 лет назад

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

@DJAtom 4 года назад

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

@kayan_dev 4 года назад

sass is helpful for styling better

@shinevisionsv 6 лет назад

Awesome!

@imtoolate 2 года назад

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

@v0ld3m0rdvoldis5 Год назад

what program are u using

@malanlk1014 4 года назад

Thank you!

@louzynerd129 3 года назад

I'm your 1000th like :D

@gaurangkale1878 3 года назад

Which compiler is it sir?

@MrSlim_Gaming 6 лет назад

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

@namanmurarka9252 3 года назад

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 😂

@BurntBread38 Год назад

What platform is this

@rinrin6454 3 года назад

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

@the-a-ok 3 года назад

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

@SolidousMdz 6 лет назад

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

@Dani_Krossing 6 лет назад

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 6 лет назад

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 6 лет назад

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.

@234edog 4 года назад

yo whats that end credit song?

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

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)

@111ark 5 лет назад

Legit.

@MilanB 6 лет назад

What about BEM methodology , do you find it useful ?

@Dani_Krossing 6 лет назад

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 6 лет назад

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 6 лет назад

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

@Stoney_Eagle 6 лет назад

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 3 года назад

Book

@---nj7hl 3 года назад

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.

@charliecagigas799 2 года назад

I just put everything into one div

@eduardomaxwell7817 6 лет назад

keep it simple stupid - michael scott

@only1devious 5 лет назад

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.

@MrFckingninja 6 лет назад

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

@Dani_Krossing 6 лет назад

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

@MrFckingninja 6 лет назад

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

@EmadElSammad 5 лет назад

You made a simple topic way more difficult than it is

@Dani_Krossing 5 лет назад

Thanks

@EmadElSammad 5 лет назад

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 5 лет назад

@@EmadElSammad wat?

@ru2979 2 года назад

@@Dani_Krossing 😶😑

@youneskasdi 6 лет назад

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

@stienogamez8296 2 года назад

Using alot of divs isn’t bad at all

@Dani_Krossing 2 года назад

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

4 года назад

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?