Author: Dario Calonaci
Title: Practical Responsive Typography
Print Length: 275
Language: English, Francais, Italiano, Espanol, Deutsch
Format: PDF, ePub, mobi, azw, kf8, txt, ibook, Kindle
Get your attractive type design up and running in the browser with real-world, responsive, and tailored tutorialsAbout This BookIf you are a front-end developer who wants a detailed rundown of Responsive Typography, you will love this book!This book reflects the expertise of the author, Dario Calonaci, who has a vast experience of typography and has been well-known for teaching since his early twentiesGet a detailed understanding of Responsive Design and Typography through this book, and be able to implement it flawlesslyWho This Book Is ForThis book is for web developers who are familiar with the basics of HTML5 and CSS3 and want to learn how to implement responsive typography efficiently and effectively. However, you do not require any coding experience to make full use of this book.What You Will LearnApply typography rules for the web effectivelyStylize typography on the web through basic properties such as text shadow and line heightMix and match your fonts to personalize them for the webDiscover viewports and learn how to write CSS3 rules for themFind out how to write and deal with viewports with CSS3 newborn propertiesDefine media queries and write them with CSS3 and HTML5 propertiesImplement SASS typography techniques to minimize the CSS output and manage the font variablesFind out about dropcaps and their different types, as well as how to apply them to the webIn DetailTypography is one of the most important parts of any website’s design. It is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning).This book will begin by showing you how you can implement the techniques of practical typography to make it responsive through practical examples. Through a mix of responsive typography concepts and practical implementations of it, we will provide you with a clear road map of the fundamental ways to perform responsive typography, scaling, and optimization of screen spaces, using web fonts. We’ll also show you various ways to perform responsive typography, and tell you what the common pitfalls are in this process. Moving on, you’ll get to grips with real hands-on examples to design your own responsive typography designs and customize existing designs on your own. Finally, you will learn to code a dropcap, verify its responsiveness, and fill a page with text inside shapes.