Off topic: Three people who don't like this video, don't understand what html and css are used for. On topic: I'm going through your videos like brownies one after another. Ten down 33 to go. I just have a few tips for those o probably don't already know about it. When using atom these are the few add-ons you should have; 1 emmet (must have) 2 file-icons (optional) 3 open-in-browsers (must have, you can choose to open in: ie, chrome, firefox, opera and safari) 4 atom-live-server (for me personal it's good to have it, but it's not a must have add-on) 5 atom-html-preview (for me personal it's good to have it, but it's not a must have add-on) 6 color-picker (must have) Whit number 6 you don't need the Adobe color wheel anymore. Click where you want that color to be, hold down ctrl+alt+c you'll get a color pick window here you will be able to choose: RGB(A), HEX, HSL, HSV, VEC. Select your color and press enter and you're done. atom-live-server and atom-html-preview are basically the same, the difference is that atom-html-preview opens the preview inside Atom and atom-liver-server opens on your default browser. The good thing about both these add-ons is that once you save your work it will automatically update on your browser, no need to refresh the browser. emmet is something that will help you write faster. On an empty html file at the top just type ! and press TAB, you'll get a full html skeleton. If you want a div with a class or id, just type .container (for class) and press TAB to get the same goes for id #container (for id) and press TAB to get My favorite part using emmet is to make ul and ol. Just type ul.nav>li.sub*3>a{box $} and press TAB you'll get: box 1 box 2 box 3 These are the few tips that I can share with everyone watching this video. Just one thing how you are doing things or whatever you are using to get things done, just remember to have fun while doing it. Sorry for this long comment. Keep up the good work. Greetings from Holland.
THANK YOU! That is what i wanted! I wasn't satisfied with atom-html-preview. atom-live-server was the solution i was searching for but couldn't find anywhere... atom-live-server paired with autosave-onchange is like the live preview from Brackets. I love it! Greetings from Germany :D
you can also add an alpha value to a hex code by adding two characters at the end of the hex expression (example : #ff000066). very nice and comprehensive tutorials by the way!
My teacher just gave me this paragraph and told me to do what the instructions said but he didn’t tell me anything about how to color the text or change the font 😰 so this really helped thanks! (FYI I’ve never even touched css before 💀)
I get engrossed in the content watching one video after another that I forget to "like" them. Don't worry though, I'm going to have to go back and thumb-up the 8 other videos I've watched. Thank you very much for the lessons!
I really appreciate your tutorials. I've been watching it since morning and I'm learning a lot. I chose to use the Visual Studio Code as my application for coding and I think it has many awesome features that are very handy like the built-in color wheel or RGB program that lets you choose and customize the color you want and it will automatically input the RGB coordinates. Please Keep up these tutorials. It's really helping a lot of people. Thank you very much and God bless.
Such an awesome teacher you are. Learning so much from your great videos. Thank you so much! Question, do you have a tutorial how to do masking with CSS? Hope you do, and if you don't I hope you make a tutorial on that.
Hi :) no there is not a tutorial on masking yet, but there will a tutorial on Flexbox and clipping/masking CSS within the next few lessons, since the latest video exercises (episode 18 & 19) included some older techniques to web programming. Such as "float" and "hidden: overflow", which are both depreciated techniques. Flexbox and CSS masking are big enough areas to deserve an entire lesson each, and are going to be part of this course within the next few lessons :)
BTW guys hexadecimal value is RGB let's say i have 0xFFA134 on hex or #FFA134 FF = red A1 = green 34 = blue so color:#FFA134 ; is the same as color: rgb(255,161,52); that's why the biggest number you can pass on RGB value is 255 or FF
Thank you so much for the detailed lesson! May I ask a question? So when we use the text-transform and we set it to let's say lowercase, it sort of ignores the way we have written the sentence/heading/paragraph, etc. in HTML. So is it like this because of the fact that css has higher priority than html? I mean does styling have higher priority than HTML tags? Thanks in advance!
Hi guys. I am wondering and I can t find answer anywhere. Can you in HTML change something else then -s name ? Like change font-family or color and if you can t , why is that ?
Yo i was freaked out because my text was WAY too separated when using the text-height, then i noticed i didnt put the "px" on the number, so note to everyone including me, remember to write 20px, instead of 20.
couldn't you just do .index-h1 { color: #ff0066; font-family: cooper black, arial, "times new roman", sans-serif; font-size: 90px; font-style: normal; font-weight: 100; text-align: center; } in style.css? Thanks!!
so my html has lots of h1-2-3 and li and dt - dd. i need to the background color and change all the font without including headers how do I do that ? also I'M using brackets in apple mac. thank you in advance
NEW UPDATED 2023 COURSE AVAILABLE! 🙂
You can find it here: ua-cam.com/video/v8jDnBYc0bs/v-deo.html&ab_channel=DaniKrossing
I'm gonna start liking your videos because you don't beg for likes every video. well done.
Font-family 2:35
Font-size 4:05
Font-style 4:31
Font-weight 5:07
Text-align 5:31
Text-decoration 6:25
Text-indent 7:22
Text-transform 8:05
Color 9:04
Letter-spacing 12:32
Word-spacing 13:12
Line-height 13:33
thanks champ
Off topic: Three people who don't like this video, don't understand what html and css are used for.
On topic: I'm going through your videos like brownies one after another. Ten down 33 to go. I just have a few tips for those o probably don't already know about it. When using atom these are the few add-ons you should have;
1 emmet (must have)
2 file-icons (optional)
3 open-in-browsers (must have, you can choose to open in: ie, chrome, firefox, opera and safari)
4 atom-live-server (for me personal it's good to have it, but it's not a must have add-on)
5 atom-html-preview (for me personal it's good to have it, but it's not a must have add-on)
6 color-picker (must have)
Whit number 6 you don't need the Adobe color wheel anymore. Click where you want that color to be, hold down ctrl+alt+c you'll get a color pick window here you will be able to choose: RGB(A), HEX, HSL, HSV, VEC. Select your color and press enter and you're done.
atom-live-server and atom-html-preview are basically the same, the difference is that atom-html-preview opens the preview inside Atom and atom-liver-server opens on your default browser. The good thing about both these add-ons is that once you save your work it will automatically update on your browser, no need to refresh the browser.
emmet is something that will help you write faster. On an empty html file at the top just type ! and press TAB, you'll get a full html skeleton. If you want a div with a class or id, just type .container (for class) and press TAB to get the same goes for id #container (for id) and press TAB to get
My favorite part using emmet is to make ul and ol. Just type ul.nav>li.sub*3>a{box $} and press TAB you'll get:
box 1
box 2
box 3
These are the few tips that I can share with everyone watching this video. Just one thing how you are doing things or whatever you are using to get things done, just remember to have fun while doing it. Sorry for this long comment. Keep up the good work.
Greetings from Holland.
I will go ahead and pin your comment ;)
Not all heroes wear capes...
THANK YOU! That is what i wanted!
I wasn't satisfied with atom-html-preview.
atom-live-server was the solution i was searching for but couldn't find anywhere...
atom-live-server paired with autosave-onchange is like the live preview from Brackets.
I love it!
Greetings from Germany :D
rahxephon76 I’ve been going to school for a month the teacher don’t f***g explain and whit this video I’m very clear. Thanks so much.
Your suggestion on Atom's Emmet plugin (atom.io/packages/emmet) was amazing!
you helped me so much, i got a coding book but the code is very old so i updated it to your code and it worked!!
This is what I love to see, to understand each and every attribute, it is very clear. Thanks again.
I am learning at the age of 46... Your explanation is impressive...
This was great!! Thank you!
You maintain very high standards through all your videos. Many thanks.
I love you for doing this tutorial!
Your tutorials are the BEST. So sending money to contribute because you truly have the best teaching style!!!!!
I can't get enough of these lessons. Thank you so much.
YOU ARE AWESOME!!!!!
Well explanation thank u
you can also add an alpha value to a hex code by adding two characters at the end of the hex expression (example : #ff000066). very nice and comprehensive tutorials by the way!
I am really enjoying all of your tutorials!
That was very useful thank you so much !
Thank you for making these tutorials, kind sir.
My teacher just gave me this paragraph and told me to do what the instructions said but he didn’t tell me anything about how to color the text or change the font 😰
so this really helped thanks!
(FYI I’ve never even touched css before 💀)
I'm just so much in love with this channel.. Man your lessons are excellent! Keep on doing this great job
I am following your series, incredible stuff!
GREAT JOB, you are a GREAT instructor thank you for your time. I JUST subscribed!!!!!
you are the best teacher ever
your voice is very good. Way of teaching is awesome
Thanks for the video
Great..thaks so much...👍
Thanks for this good Turtorial
I get engrossed in the content watching one video after another that I forget to "like" them. Don't worry though, I'm going to have to go back and thumb-up the 8 other videos I've watched. Thank you very much for the lessons!
perfect clear voice very understandable tutorial ..looking forward to see all videos next
Brilliant job
this is a very clean lesson thanks
Thanks, this is exacly what i needed!
Bro thanks alot you have a good and nice way to explain.
Thank you!
I really appreciate your tutorials. I've been watching it since morning and I'm learning a lot. I chose to use the Visual Studio Code as my application for coding and I think it has many awesome features that are very handy like the built-in color wheel or RGB program that lets you choose and customize the color you want and it will automatically input the RGB coordinates.
Please Keep up these tutorials. It's really helping a lot of people. Thank you very much and God bless.
Love and respect from India 🇮🇳🇮🇳
it is really a good video for the beginners and i really appreciated your work.
thank you so much! this definitely helped a lot
Long time no see. Btw your channel made great progress, i remember when you had 10k subs, now you have 41k. Congrats, mate.
Milan :D Thank you :) Yes the channel is doing great and the people who subscribe seem really nice and supportive.
One year after your comment, it has literally quadrupled to 160k subs, thats crazy!
@@jamesbrandon8582 1 year later and his subs nearly doubled to 310k
thank you so much .It helped me a lot :)
thank you
thanks !!
ty for video what the program the u used
Wow ur are amazing .. thank u 💕💕
good job, bro!
thank you this is very helpful
Thank you for this
I want to know, how do you SEPARATE paragraphs using CSS instead of inside HTML?
I would love to have you as a teacher
thank you so much sir
brilliant
Thank you for that!!!!!!
i like and leave a comment each time cos you dont beg for that ...like others right...stay happy and cool
Thanks
nice tutorial Sir :)
What's the name of the app you're using?
Such an awesome teacher you are. Learning so much from your great videos. Thank you so much! Question, do you have a tutorial how to do masking with CSS? Hope you do, and if you don't I hope you make a tutorial on that.
Hi :) no there is not a tutorial on masking yet, but there will a tutorial on Flexbox and clipping/masking CSS within the next few lessons, since the latest video exercises (episode 18 & 19) included some older techniques to web programming. Such as "float" and "hidden: overflow", which are both depreciated techniques. Flexbox and CSS masking are big enough areas to deserve an entire lesson each, and are going to be part of this course within the next few lessons :)
BTW guys hexadecimal value is RGB
let's say i have 0xFFA134 on hex or #FFA134
FF = red
A1 = green
34 = blue
so
color:#FFA134 ; is the same as color: rgb(255,161,52);
that's why the biggest number you can pass on RGB value is 255 or FF
14:00
Thanks man
For so many years i thought something wrong was with me that, I ACTUALLY DIDN'T KNOW WHAT CSS MEANT (If i understand CSS is a style code!)
p_rker wtf man that’s the first thing u need to learn
@@sharphd9122 xd ik
Which software are you using for coding?
Notification squad☝☝
Can i ask, what tool do you used ?
I like it
Thank you so much for the detailed lesson! May I ask a question? So when we use the text-transform and we set it to let's say lowercase, it sort of ignores the way we have written the sentence/heading/paragraph, etc. in HTML. So is it like this because of the fact that css has higher priority than html? I mean does styling have higher priority than HTML tags? Thanks in advance!
Hi what's your text editor?
What is the program that you are using like the thing you are Actully tying all of this in
from india
Hi guys. I am wondering and I can t find answer anywhere. Can you in HTML change something else then -s name ? Like change font-family or color and if you can t , why is that ?
Hy sir how can we create dashboard like online study database and how can we access this dashboard? Can u tell me in details?
Sir May i know how to change the font-color
Better teach hear radar than going to IIT for 7 hours a day
Helped me 100% u got a sub from me
And a like
how can i put a transparent background box behind the para ?
Hi was wondering what happened to part 10? The playlist just goes to an old video?
Is any kind of website or software exist where I can learn typing and codding together?
free code camp could help you
what if we have 2 ? how do u specify it??
Please provide the link to download the editor you are using.
www.google.com/search?sxsrf=ALeKk03LtesQdpj9044WFK_p41TuIDvMLw%3A1599644656384&ei=8KNYX_LxFtvgz7sP0daLuAs&q=atom&oq=atom&gs_lcp=CgZwc3ktYWIQAzIHCAAQsQMQQzIECAAQQzIECAAQQzIECAAQQzIICAAQkQIQiwMyCAgAEJECEIsDMgcIABCxAxBDMgQIABBDMgIIADIFCAAQiwM6BAgAEEc6BAgjECc6BAguEEM6BQgAELEDOgUIABCRAjoICC4QsQMQgwE6BwgAEBQQhwI6BQguELEDOgoILhDHARCjAhBDUOG7DVjvwg1gyYgOaABwA3gAgAGLAogBvweSAQMyLTSYAQCgAQGqAQdnd3Mtd2l6uAEDwAEB&sclient=psy-ab&ved=0ahUKEwjyqYrc5NvrAhVb8HMBHVHrArcQ4dUDCA0&uact=5
How do I make a paragraph appear only on the left
Not using text align
how to code a text with a different font next to the heading?
Why don't you start videos on javascript and python also
H1 is not a title it is a heading
Can you pls pls pls tell me The Name of the Editor that you use? We are going to write a classtest in HTML/CSS. So pls tell me :)
atom
I am having an issue, letter-spacing is not working for chrome as well as Microsoft edge.
Atom for HTML and which program do you use for CSS
I use Atom for everything web related.
How can i type text in 2 different colors. Please help me. Thanks
you should add different classes for each p
How do you change the color of individual lines of text within a paragraph?
how do u change to a different font if u had more than one title. So each title has a different font
How do I open a css format in word on ipad? I needs help
Yo i was freaked out because my text was WAY too separated when using the text-height, then i noticed i didnt put the "px" on the number, so note to everyone including me, remember to write 20px, instead of 20.
What if i want to have multiple different fonts on links in one page
look up how to use tags. he talks about them in the previous video
is there any css property to covert normal text box into password format?. I need all your help,if you know its answer don't hesistate to give reply?
couldn't you just do
.index-h1 {
color: #ff0066;
font-family: cooper black, arial, "times new roman", sans-serif;
font-size: 90px;
font-style: normal;
font-weight: 100;
text-align: center;
}
in style.css? Thanks!!
I tried this and font-weight, font-size, and color did absolutely nothing
When I do the CSS linking correctly, why won't it link the HTML and CSS?
Make sure the html and the css saved pages are in the same directory/folder.
Does anyone else's file save as /* style.css ???
i am using photoshop to get the color codes
so my html has lots of h1-2-3 and li and dt - dd. i need to the background color and change all the font without including headers how do I do that ? also I'M using brackets in apple mac. thank you in advance
Yes,i am having the same problem please help.
i recomend online color picker for you guys who want to see code od the color and alsow rgb color
what app is this to write the code?
its called Atom