CSS Units - Which ones to use and which to stop using! - HTML CSS Tutorial

  Рет қаралды 27,510

LearnCode.academy

LearnCode.academy

Күн бұрын

Пікірлер: 55
@Mendez_84
@Mendez_84 5 жыл бұрын
Great video, I would love to see more like this!
@yahyamarcil8629
@yahyamarcil8629 5 жыл бұрын
hi man i been waiting for your yearly video Web Development 2019 - The Must-Know Tech, 2019 is almost finished, please do not forget to make one as soon as possible. thanks and good luck
@manticore0x80
@manticore0x80 5 жыл бұрын
great video, will you also cover vertical rhythm in css?
@jeffery_tang
@jeffery_tang 3 жыл бұрын
Whats the point of ch if theres things other than 0 in the box?
@radekhm7408
@radekhm7408 5 жыл бұрын
ohh, you are alive!!!
@learncodeacademy
@learncodeacademy 5 жыл бұрын
Hah yes, I am! It's been an interesting year. had twins, changed job positions within the company, meanwhile the company got acquired...got a vocal node 😬 meaning I couldn't speak much for several months. Yuck.
@radekhm7408
@radekhm7408 5 жыл бұрын
@@learncodeacademy well, glad to have you back, always looking forward for your tutorials!!
@sureshhingnekar7585
@sureshhingnekar7585 5 жыл бұрын
Hey,you have really helped me to increase my coding skills i wish to become a software developer and you are preparing me for that,Thank you so much
@GifCoDigital
@GifCoDigital 5 жыл бұрын
Heeeeeeesssss back!!!!!!!!!
@learncodeacademy
@learncodeacademy 5 жыл бұрын
I can always count on GifCo!!! Thanks!
@mayank_upadhyay_19
@mayank_upadhyay_19 4 жыл бұрын
@@learncodeacademy GifCo, mah man, love ya and wish ya *MERRY CHRISTMAS*
@BigPitLP
@BigPitLP 4 жыл бұрын
vh could come handy if you have a side-navbar f.e Edit: thanks alot for the video!
@dufgirl
@dufgirl 5 жыл бұрын
Thank you so much! I learned a ton!
@agviraxsnilimonalisa7514
@agviraxsnilimonalisa7514 5 жыл бұрын
Love u so much. Hope u are doing good. I am glad to hear from you 😊
@Ultriix
@Ultriix 5 жыл бұрын
Err...wow, okay
@cyberprompt
@cyberprompt 5 жыл бұрын
i'm here because I got burnt out on web dev and am feeling rusty. first thing I see is the 10px base font setting and then using rems for all child elements.. which is what I told a contracting company to do EXACTLY maybe 5 years ago.. or at least when I figured out what rem was for and we could get away from that 16px bullcrap! seeing what other problems I recognize with positioning. I skipped flexbox and went right into grid, since it was more complicated to master and might as well be consistent. yes, for full width fr is best, nested elements maybe % with padding and margin.
@MrYoussefmagdy
@MrYoussefmagdy 5 жыл бұрын
Great video, really helpful but the height and the font-size of the divs are too small that it's hard to see the output of the changes you are making in the code
@exzaf
@exzaf 3 жыл бұрын
loved this
@_the_one_1
@_the_one_1 5 жыл бұрын
I am using opera and it's really amazing.
@learncodeacademy
@learncodeacademy 5 жыл бұрын
I feel like it's an honor to meet you then haha :) I haven't used it enough to have an opinion really.
@Paramjit_purewal
@Paramjit_purewal 3 жыл бұрын
I also used it and it's not
@BrendanMetcalfe
@BrendanMetcalfe 5 жыл бұрын
Nice vid! Great explanation
@nitinkulkarni7942
@nitinkulkarni7942 4 жыл бұрын
I wish you would have shared the code
@FBI-real
@FBI-real 5 жыл бұрын
Hi there. I'm doing a project in school for website development, and i have been using your channel for a bit of the stuff. It is required that we get a person in the subject we are doing to answer questions via email (Example: What made you go into this profession) Would you be willing to do it? There would only be about ten questions, and it would help lots. Thanks.
@Vapornator
@Vapornator 5 жыл бұрын
Volume is a way to low.
@learncodeacademy
@learncodeacademy 5 жыл бұрын
Volume IS low on this one isn't it! Sorry about that! I wish YT allowed me to publish updates/fixes.
@manishmaharjan3726
@manishmaharjan3726 5 жыл бұрын
It was really helpful
@suparnobhattacharya6345
@suparnobhattacharya6345 5 жыл бұрын
Sir please be more frequent in posting your videos
@GifCoDigital
@GifCoDigital 5 жыл бұрын
If you know the channel enough to complain about upload frequency you should also know why he isnt uploading regularly.
@learncodeacademy
@learncodeacademy 5 жыл бұрын
(copy/paste explanation) It's been an interesting year. had twins, changed job positions within the company, meanwhile the company got acquired...got a vocal node 😬 meaning I couldn't speak much for several months. Yuck. All of those fight against being able to record videos consistently.
@favourbenjamin938
@favourbenjamin938 2 жыл бұрын
you are very good
@aussieraver7182
@aussieraver7182 4 жыл бұрын
0:46 The exact reason why i'm here, haha.
@micoberss5579
@micoberss5579 5 жыл бұрын
Used px, rem, sometimes em, %, sometimes vh. Other units? No
@merkurunbabasi
@merkurunbabasi 5 жыл бұрын
like me
@genaromartinez6911
@genaromartinez6911 5 жыл бұрын
1rem and 1em is 16 px not 10 px?
@learncodeacademy
@learncodeacademy 5 жыл бұрын
It's 10px if you do an html font-size: 62.5%, which should be a standard practice for easy math on rems
@genaromartinez6911
@genaromartinez6911 5 жыл бұрын
Thanks didn’t know that
@mihirpatel1340
@mihirpatel1340 5 жыл бұрын
Please make some videos on Python Projects. By the way, nice video!
@bholimmoin8115
@bholimmoin8115 5 жыл бұрын
Yes plzzz
@learncodeacademy
@learncodeacademy 5 жыл бұрын
Of the areas of webdev, I haven't done a LOT of Python, which is why I don't teach it. I don't like teaching things that I haven't mastered as I'd hate to steer people wrong, or equally bad, make those video tutorials that are informative, but seem to lack meat (because the guy teaching just teaches for a living and doesn't deeply know what he's talking about)
@mihirpatel1340
@mihirpatel1340 5 жыл бұрын
@@learncodeacademy OK, Brother fine! I was just asking you. You please keep uploading things which you know and you think you can steer people at a right track. Your one reply means a lot to me. Thank you for taking time to read and reply this comment.
@michaelgabriel9362
@michaelgabriel9362 5 жыл бұрын
What's with the voice change?!
@learncodeacademy
@learncodeacademy 5 жыл бұрын
I had a strange, allergy-induced vocal node this spring and totally lost my voice for over a month. :( It's slowly coming back to normal.
@michaelgabriel9362
@michaelgabriel9362 5 жыл бұрын
@@learncodeacademy Damn!! Don't strain yourself too much. Hope it clears soon🙌🙌
@inteliconn995
@inteliconn995 5 жыл бұрын
I like Your ... style ...Thanks
@learncodeacademy
@learncodeacademy 5 жыл бұрын
Haha, I got that one!
@electronicheartbreak.
@electronicheartbreak. 5 жыл бұрын
Can someone sum it up for me 😂
@learncodeacademy
@learncodeacademy 5 жыл бұрын
FOR FIXED WIDTH THINGS, default to rem, use em when width has to care about parent's font size (rare), use px for things that should be the exact same despite user's font size setting (borders grid spacing, etc) FOR RESPONSIVE LAYOUTS, default to fr (when using css grid), then percent use ch when you want to micro-manage how width interacts with text OTHERS: vw,vh - useful for modals, things that respond to full screen size pt, cm, mm, in - only use for print, not useful for web
@electronicheartbreak.
@electronicheartbreak. 5 жыл бұрын
@@learncodeacademy Thank you very much.
@electronicheartbreak.
@electronicheartbreak. 5 жыл бұрын
@Sero neth Thank you very much!!
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 543 М.
Learn CSS BOX MODEL - With Real World Examples
17:45
Slaying The Dragon
Рет қаралды 149 М.
We Attempted The Impossible 😱
00:54
Topper Guild
Рет қаралды 53 МЛН
So Cute 🥰 who is better?
00:15
dednahype
Рет қаралды 19 МЛН
Подсадим людей на ставки | ЖБ | 3 серия | Сериал 2024
20:00
ПАЦАНСКИЕ ИСТОРИИ
Рет қаралды 601 М.
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 15 МЛН
How I Used AgentKit by Base to Build an Autonomous AI Art Agent 🚀
9:19
A Full Guide to CSS UNITS!
13:38
developedbyed
Рет қаралды 16 М.
HTML & CSS Tutorial - Ways to code images...and how to do it well
22:25
LearnCode.academy
Рет қаралды 372 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
Stop using pixels in your CSS! How and why to use REM and EM.
6:39
EASY! Hand-code an HTML + CSS layout
11:24
LearnCode.academy
Рет қаралды 523 М.
Introduction To Responsive Web Design - HTML & CSS Tutorial
4:14:08
freeCodeCamp.org
Рет қаралды 1,2 МЛН
Learn flexbox the easy way
34:04
Kevin Powell
Рет қаралды 730 М.
We Attempted The Impossible 😱
00:54
Topper Guild
Рет қаралды 53 МЛН