Nice video! Just a small advice, it isn't always better to use rem in margins and paddings for accessibility purposes because it reduces the available space for text or other elements to be displayed. I found out by experience that is usually better to only use rems for font-sizes in heavy text websites like blogs.
"so you don't have to deal with math.." I love your content man and I know you're skilled but you say some of the most wild stuff off the top sometimes.
I still don't get this stuff sometimes. I see and have worked with many designs for example where a font-size might go up 20% but the padding or margin will increase by 50% on a larger device. So then all these units relative to font-size get broken.. it almost never works out as conveniently as planned. anyone have a good video that walks through the entire figma handoff -> dev process?
Hello, I have learned a lot from your videos, thank you very much! I would like to ask you if you know of any way to download an html file of your prototype like the one you download from Invision, but from figma? Tnks!!
Hello, Gary! Can you tell me what is the best place to find free and quality figma templates for layout practice and adding it to portfolio? Thanks in advance
@@eliastouil7686 I've searched a lot by myself, just looking for quality and interesting templates, which I can use for practice in coding and show of my skills:)
10px will override the user's chosen browser default font size. It's an accessibility issue. 62.5% * 1.6em will always give the user's chosen size, even if it isn't 16px.
Wtf is this “wanna be a better designer” “how much you really wanted?” BS? Feels like a 90s infomercial. You don’t need to push brother, we already here, we are already listening, we already trust you. Tell me about the course you have build for me, all in one place, all with a logic order.. all with no ads.. all to help me reach the sky.. that’s all we need
Good video but you could have done this in 5 minutes, I feel like you are stalling and deliberately making video longer and it feels boring for me, sorry.
Hey all. Check out designcourse.com/css and enter your email to be notified when my new CSS course releases in less than 2 months!
Sir kindly make a video on Enterprise Web Application Design...how and where to learn and from where to start from scratch. thank you
i use a simple sass function:
@function rem($px) {
@return #{$px / 16}rem;
}
then I can say
width: rem(160); // width: 10rem;
Just found a $20 in an old backpack. Now I have enough for the course. Got the course! Love what you do brother. Thanks!
This explanation is awesome!! simple and briefly
Nice video! Just a small advice, it isn't always better to use rem in margins and paddings for accessibility purposes because it reduces the available space for text or other elements to be displayed. I found out by experience that is usually better to only use rems for font-sizes in heavy text websites like blogs.
this is what we've waiting for , more content like this 💯
Very simple to understand and useful topic.
"so you don't have to deal with math.." I love your content man and I know you're skilled but you say some of the most wild stuff off the top sometimes.
I mean, it's a legit comment!
Amazing content. I would love to see how front devs convert and work with the grid layout from Figma, and apply it in their web design work.
Yes!!! I’ve been searching for those type of videos!!
This trick is awesome! Thanks for sharing it with us.
great stuff. the way you teach about design makes things a lot easier to understand.
I still don't get this stuff sometimes. I see and have worked with many designs for example where a font-size might go up 20% but the padding or margin will increase by 50% on a larger device. So then all these units relative to font-size get broken.. it almost never works out as conveniently as planned. anyone have a good video that walks through the entire figma handoff -> dev process?
Your content is absolutely amazing btw
Love when you do frontend stuff
What about using 6.25%
Nice and straight fwd
Great content... I expect more from you... Keep Going
Nice one Gaz.
Couldn't you just set the root font size to 10px, nstead of 62.5%?
Also make a video on the UI for displaying information in tables not horibbly
we can use mixin to convert to rem/em
I saved up $50 for course but missed the sale. I hope there’s a sale close or same to that soon
wont this have responsiveness issues?
Hello, I have learned a lot from your videos, thank you very much! I would like to ask you if you know of any way to download an html file of your prototype like the one you download from Invision, but from figma? Tnks!!
At 6:15 they are called chevrons.
There we go!
nice technique, this also applies for mobile first doesn't it
hey nice vid! By the way whats your vscode theme? Its so pretty!!
That is a pro tip
How're you moving the camera
Such a nice touch
An edelkrone jib
Hello, Gary! Can you tell me what is the best place to find free and quality figma templates for layout practice and adding it to portfolio? Thanks in advance
Did I misunderstand or do you want to use a free resource as your portfolio? And aren't willing to look for it yourself..?
@@eliastouil7686 I've searched a lot by myself, just looking for quality and interesting templates, which I can use for practice in coding and show of my skills:)
Why 62.5% and not just 10px?
10px will override the user's chosen browser default font size. It's an accessibility issue. 62.5% * 1.6em will always give the user's chosen size, even if it isn't 16px.
@@MrSchizothemia when we should write em and rem, I didnt get it?
Wtf is this “wanna be a better designer” “how much you really wanted?” BS? Feels like a 90s infomercial. You don’t need to push brother, we already here, we are already listening, we already trust you. Tell me about the course you have build for me, all in one place, all with a logic order.. all with no ads.. all to help me reach the sky.. that’s all we need
I like you marry me.. so smart
Good video but you could have done this in 5 minutes, I feel like you are stalling and deliberately making video longer and it feels boring for me, sorry.
Just use teleporthq .so much easier and free too.