Скачать с ютуб Designers Learn Code: Percentages в хорошем качестве

Designers Learn Code: Percentages

Designers Learn Code: Percentages Points and picas are examples of absolute sizes while ems and rems are examples of relative sizes. Absolute sizes are better for accuracy; however, we have been moving to relative sizes because of responsive design. We want our type to be scalable to the different sized screens on which our websites will display. Another method for developing a scalable design is to use percentages. When using percentages for our typography, 100% is equal to the current font size of the parent element. From our points to pixels presentation, the default font-size for our browser is 16px. So 100% is equal to 16px. Since that would represent our body type, we may have headings that are 150% (24px) or 200% (32px). But since percentages act like ems, they cascade or are relative to the parent element. Percentages are often used for our container sizes in a responsive layout. Since screens can be our mobile phone, a 13-15 inch laptop, to desktops that may be 21 inches or larger, we may or may not want our content to span the width of the screen. So for a laptop or desktop, we may want to limit our content to a width of 60-80% while on mobile we may want it to go to 80-100%. And while elements may sit comfortably side by side on a laptop or desktop, on a mobile, these elements may need to stack vertically instead. Jumpstart Your Learning of HTML and CSS is now LIVE! If you’ve been enjoying The Daily Code Snippet and want to accelerate your learning of HTML and CSS, be sure to check out this workshop: http://get.designerslearncode.com/jum... In this coding bootcamp, you will not only learn about code but also have hand’s on practical and by the end of the course, you will have coded your first web page. This course is suitable for beginners as we go over the basics. The course does touch upon topics that may be more familiar to those who are designers. This may be helpful to those who want to learn how to create websites with design in mind.