Book Image

Practical Responsive Typography

By : Dario Calonaci
Book Image

Practical Responsive Typography

By: Dario Calonaci

Overview of this book

Typography is an essential part of any website’s design. It can help you stand out from the crowd, communicate with clarity, and cultivate a distinctive identity. Practical Responsive Typography demonstrates how to use typography to greatest effect. With this book you won't underestimate it's importance - you'll be in complete control over this crucial component of web design. From scaling and optimizing screen spaces to using a range of different web fonts, you'll quickly get up to speed with the practical considerations behind successful typography. But more than the fundamentals, you'll also find out how to go further by customizing typography designs to suit your identity.
Table of Contents (17 chapters)
Practical Responsive Typography
About the Author
About the Reviewer

CSS pre-processors and Sass

As always, before proceeding with elbows deep in code we must learn and become acquainted with some theory.

You may want to start and code the moment you lay your eyes on the page, but doing so will produce a coder blind to its surroundings – and that's not what I want or what the world needs.

A CSS preprocessor allows you to write CSS files in a modular way. It will be easier for you to write your code and change it in the future since you'll basically write less rules directly, through the use of concepts as variables, functions, mixins, and so on. You'll basically program your CSS, more than write it directly on the page.

It also makes maintaining complex systems easier. There are a lot of these tools available, the most famous ones being Sass and LESS.

Sass and LESS: A comparison

They run on two different languages: Sass is Ruby based while LESS is a JavaScript library, so even their installation is different.


Ruby is an object-oriented programming language focused...