Поиск по этому блогу

среда, 23 ноября 2016 г.

Typography and vertical rhythm

Здесь видео и ссылки по этой теме. Начал читать Aesthetic Sass 3 и собрал здесь ссылки по Modular typography. Нашел подборку коротких видео, а в статье к видео ссылки на инструменты type-scale и ссылки на статьи с обоснованием подхода Example golden ratio


type-scale
modularscale
gridlover

Modular typography Creating a modular typography system in CSS creates an extremely reusable font-size system with a harmonious vertical rhythm.
More Meaningful Typography) We have all heard of the golden mean (also known as the golden ratio or golden section
Example golden ratio
24 WAYS to impress your friends Composing the New Canon: Music, Harmony, Proportion
R(a|ela)tional Design In my last post, I talked about Expressive HTML and the importance of writing your markup from the content out. This idea—that you start at a granular level and work your way outward, building context and meaning as you go—holds equally true as a methodology for web design. fi=f0 * r^(i/n)


Aesthetic Sass 3: Typography and Vertical Rhythm
codepen Baseline Grid Demonstration
Unitless line-heights

Choose the typeface for the body copy. Choose an appropriate font-size the body copy—usually 16px (100%). Choose an appropriate line-height for the body text—usually between 1.3–1.5 (depending on screen size). Choose a type scale, often based on a musical or other natural scale. Set up the CSS font-sizes, line-heights, and margins to create the rhythm. Create a set of utility classes to be used throughout your design.



Посты чуть ниже также могут вас заинтересовать

1 комментарий:

Unknown комментирует...

Привет всем, я Патриция Шерман в настоящее время в Оклахоме, США. Ребята, я хотел бы поделиться с вами своим опытом о том, как я получил кредит в размере 185 000 долларов США, чтобы очистить свой банковский счет и начать новый бизнес. Все началось, когда я потерял свой дом и вещи из-за банковского чека, который я взял, чтобы компенсировать некоторые счета и некоторые личные потребности. Итак, я стал настолько отчаянным и начал искать средства любыми способами. К счастью для меня, моя подруга, Линда рассказала мне о компании, занимающейся кредитованием, я заинтересовался, хотя я боялся мошенничества, я был вынужден моей ситуацией и не имел другого выбора, кроме как обратиться за советом к моему другу относительно этой самой компании контакты с ними действительно заставили меня усомниться из-за моего прошлого опыта работы с онлайн-кредиторами, я мало что знал об этой самой компании ELEGANTLOANFIRM@HOTMAIL.COM. Эта компания очень помогла мне и некоторым моим коллегам, и сегодня я являюсь счастливым обладателем хорошо организованного бизнеса, и с обязанностями справляются все благодаря этой кредитной фирме за то, что она снова улыбнулась мне. Так что, если вы действительно нуждаетесь в кредите для расширения или запуска собственного бизнеса или для любой финансовой трудности, я советую вам сегодня дать элегантную кредитную возможность для финансового подъема в вашем бизнесе сегодня ... пожалуйста, свяжитесь через. .. {Email:} ELEGANTLOANFIRM@HOTMAIL.COM ... не стать жертвой онлайн-мошенничества во имя получения кредита. Спасибо