Master your Minecraft
 
 

Special Offers see all

Enter to WIN a $100 Credit

Subscribe to PowellsBooks.news
for a chance to win.
Privacy Policy

Tour our stores


    Recently Viewed clear list


    Q&A | November 20, 2014

    Ron Rash: IMG Powell’s Q&A: Ron Rash



    Describe your latest book/project/work. Something Rich and Strange is a collection of selected stories, including three stories previously... Continue »
    1. $19.59 Sale Hardcover add to wish list

    spacer
Qualifying orders ship free.
$27.50
Used Trade Paper
Ships in 1 to 3 days
Add to Wishlist
Qty Store Section
1 Local Warehouse Textbooks- General

Typographic Web Design: How to Think Like a Typographer in HTML and CSS

by

Typographic Web Design: How to Think Like a Typographer in HTML and CSS Cover

 

Synopses & Reviews

Publisher Comments:

Learn how to use typography on the web
Typography has long been an invaluable tool for communicating ideas and information. Words and characters once impressed in clay, written on papyrus, and printed with ink are now manifest in pixels of light. Today's web typographers can help their readers find, understand, and connect with the words, ideas, and information they seek.
Thus, legibility and readability are the foundations for the typographic theories and practice covered in Typographic Web Design. You'll learn how to choose fonts, organize information, create a system of hierarchy, work with tabular information, create a grid, apply a typographic system across multiple pages, and build a font library.

Each chapter provides time-tested typography rules to follow (modified for the web), explains why they work, when to break them, and offers the opportunity to test the rules with hands-on exercises in HTML and CSS. If you don't know HTML and CSS, Typographic Web Design provides a walk-through for each lesson, showing you how to plan and write syntax. Readers are sure to come away with an understanding of typographic principles, as well as the HTML and CSS skills needed to implement them on the web.

Typographic Web Design
•Applies decades of typographic theory and practice (e.g., how to choose a font) directly to web design (e.g., how to use the @font-face property in CSS).
•Clearly explains all typographic rules presented, providing examples that contrast successful and less successful typographic solutions.
•Is written for visual thinkers. The book is supported by a web site with solutions, critiques, and revisions for each lesson.

Laura Franz is an Associate Professor of Design at University of Massachusetts Dartmouth, where she has taught web typography for 12 years. She has presented lectures and workshops on Typographic Web Design, and has written a course on the topic for Lynda.com.

 

Synopsis:

Learn how to transfer typographic principles to the web

Typographers who lack web design skills have begun to realize the potential of web-based type and they want to learn how to use it. This practical book applies decades of typographic theory and practice directly to web design using HTML and CSS. Clear explanations of all typographic rules and examples of successful and unsuccessful typographic solutions are covered to help you gain a solid understanding of the possibilities of web typography. Exercises in both HTML and CSS are included and are supported by a secure site with solutions, critiques, and revisions for each lesson, enabling you to think like a typographer while writing in HTML and CSS.

Typography expert Laura Franz takes you on a journey to learn ways to help readers find, understand, and connect with words, ideas, and information they seek. You'll learn how to choose fonts, create rhythm and tension, organize information, create a system of hierarchy, work with tabular information, apply a typographic system across multiple pages, build a font library, and garner beneficial lessons from historical approaches to typography.

  • Delivers all typographic rules in a clear, straightforward manner
  • Provides time-tested typography rules to follow, explains why they work and when to break them
  • Presents opportunities to test rules with hands-on exercises in HTML and CSS
  • Includes an array of helpful examples and solutions to common challenges

Typographic Web Design serves as a clear, approach guide to showing you how to use typography for the web with HTML and CSS.

Synopsis:

Typographic Web Design: How to Think Like a Typographer in HTML and CSS is based on the premise that people read in three different ways: casual reading, scanning with purpose, and sustained reading. As web typographers, our most important job is to help our readers find, understand, and connect with the words, ideas, and information they seek.

Thus, legibility and readability are the foundation of the typographic theories and practice covered in Typographic Web Design: choosing fonts, creating rhythm and tension, organizing information, creating a system of hierarchy, working with tabular information, creating a grid, applying a typographic system across multiple pages, building a font library, and learning from historical approaches to typography.

Each chapter provides time-tested typography "rules" to follow (modified for the web), explains why they work, when to break them, and offers readers the opportunity to test the rules with hands-on exercises in html/css.

Topics include:

•What makes a font legible?
•How Do I Choose Two Fonts to Work Together?
•Linking fonts with @font-face
•Rhythm and Tension in the Typographic Layout
•Vertical Spacing and Proximity
•A Typographic Approach to Tabular Information

And so much more...

Table of Contents

About the Author v

Acknowledgments viii

Introduction

Part 1: How to Choose a Font

CHAPTER 1 Anatomy and Legibility: Is the Font Easy to Read? 11

Lesson 1: Compare and Contrast Fonts Online 16

CHAPTER 2 Aesthetics and Emotions: Does the Font Convey the Right Message? 21

Lesson 2: Word Connotations 25

CHAPTER 3 Contrast, Styles, and Characters: Can the Font Do the Job? 37

Lesson 3: A Short Bibliography, Part 1 42

CHAPTER 4 Choosing Two Fonts to Work Together 51

Lesson 4: A Short Bibliography, Part 2 56

Interlude 1: Rhythm and Tension

CHAPTER 5 Rhythm and Tension in the Typographic Layout 65

Lesson 5: A is for Alignment 72

Part 2: Making Type Work: Scanning with Purpose

CHAPTER 6 How We Read, Part 1 89

Lesson 6: A Film Series, Part 1 96

CHAPTER 7 Chunking Information: Vertical Spacing and Proximity 105

Lesson 7: A Film Series, Part 2 110

CHAPTER 8 Chunking Information with Headings: Hierarchy and Similarity 115

Lesson 8: A Film Series, Part 3 120

CHAPTER 9 Attending to Typographic Details 125

Lesson 9: A Film Series, Part 4 131

Interlude 2: Tabular Information

CHAPTER 10 A Typographic Approach to Tabular Information 143

Lesson 10: A Ferry Schedule for Martha's Vineyard 147

Part 3: Making Type Work: Casual and Sustained Reading

CHAPTER 11 How We Read, Part 2 163

Lesson 11: A Recipe, Part 1 169

CHAPTER 12 Expressing Structure and Rhythm: The Grid 183

Lesson 12: A Recipe, Part 2 190

CHAPTER 13 Helping Readers Move through the Site: Navigation 207

Lesson 13: A Recipe, Part 3 212

CHAPTER 14 Applying Systems across Pages 225

Lesson 14: A Recipe, Part 4 229

Interlude 3: Building a Font Library

CHAPTER 15 Building a Font Library 241

Lesson 15: Critically Analyze Fonts 254

Part 4: Designing with Type: Historical Styles

CHAPTER 16 The Traditional Page 271

Lesson 16: Design and Produce a Website from a Traditional Approach 276

CHAPTER 17 The Modernist Page 283

Lesson 17: Design and Produce a Website from a Modernist Approach 287

CHAPTER 18 The Post-Modernist Page 291

Lesson 18: Design and Produce a Website from a Post-Modernist Approach 295

APPENDIX A Moving Forward: Recommended Readings and Resources 299

Bibliography 301

Index 303

Product Details

ISBN:
9781119976875
Subtitle:
How to Think Like a Typographer in HTML and CSS
Author:
Franz, Laura
Publisher:
Wiley
Subject:
Internet - Web Site Design
Subject:
Web Development Software (Non-Microsoft)
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
Internet - General
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a f
Subject:
ont library, approaches to typography, using HTML, using CSS, typography with HTML, typography with CSS
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Subject:
typographic principles, typography on the web, tutorial on typography, typographic rules for the web, examples of typography on the web, how to choose fonts for the web, choosing fonts for the web, how to build a font library, building a font library, app
Copyright:
Publication Date:
20111018
Binding:
Electronic book text in proprietary or open standard format
Language:
English
Pages:
336
Dimensions:
235 x 187 mm

Related Subjects

Arts and Entertainment » Art » Typography
Computers and Internet » Internet » General
Computers and Internet » Internet » HTML
Computers and Internet » Internet » Information
Computers and Internet » Internet » Web » Site Design
Computers and Internet » Internet » Web » Web Programming
Computers and Internet » Networking » General
Health and Self-Help » Health and Medicine » General
Health and Self-Help » Health and Medicine » General Medicine
Health and Self-Help » Self-Help » General
Textbooks » General

Typographic Web Design: How to Think Like a Typographer in HTML and CSS Used Trade Paper
0 stars - 0 reviews
$27.50 In Stock
Product details 336 pages John Wiley & Sons - English 9781119976875 Reviews:
"Synopsis" by , Learn how to transfer typographic principles to the web

Typographers who lack web design skills have begun to realize the potential of web-based type and they want to learn how to use it. This practical book applies decades of typographic theory and practice directly to web design using HTML and CSS. Clear explanations of all typographic rules and examples of successful and unsuccessful typographic solutions are covered to help you gain a solid understanding of the possibilities of web typography. Exercises in both HTML and CSS are included and are supported by a secure site with solutions, critiques, and revisions for each lesson, enabling you to think like a typographer while writing in HTML and CSS.

Typography expert Laura Franz takes you on a journey to learn ways to help readers find, understand, and connect with words, ideas, and information they seek. You'll learn how to choose fonts, create rhythm and tension, organize information, create a system of hierarchy, work with tabular information, apply a typographic system across multiple pages, build a font library, and garner beneficial lessons from historical approaches to typography.

  • Delivers all typographic rules in a clear, straightforward manner
  • Provides time-tested typography rules to follow, explains why they work and when to break them
  • Presents opportunities to test rules with hands-on exercises in HTML and CSS
  • Includes an array of helpful examples and solutions to common challenges

Typographic Web Design serves as a clear, approach guide to showing you how to use typography for the web with HTML and CSS.

"Synopsis" by , Typographic Web Design: How to Think Like a Typographer in HTML and CSS is based on the premise that people read in three different ways: casual reading, scanning with purpose, and sustained reading. As web typographers, our most important job is to help our readers find, understand, and connect with the words, ideas, and information they seek.

Thus, legibility and readability are the foundation of the typographic theories and practice covered in Typographic Web Design: choosing fonts, creating rhythm and tension, organizing information, creating a system of hierarchy, working with tabular information, creating a grid, applying a typographic system across multiple pages, building a font library, and learning from historical approaches to typography.

Each chapter provides time-tested typography "rules" to follow (modified for the web), explains why they work, when to break them, and offers readers the opportunity to test the rules with hands-on exercises in html/css.

Topics include:

•What makes a font legible?
•How Do I Choose Two Fonts to Work Together?
•Linking fonts with @font-face
•Rhythm and Tension in the Typographic Layout
•Vertical Spacing and Proximity
•A Typographic Approach to Tabular Information

And so much more...

spacer
spacer
  • back to top

FOLLOW US ON...

     
Powell's City of Books is an independent bookstore in Portland, Oregon, that fills a whole city block with more than a million new, used, and out of print books. Shop those shelves — plus literally millions more books, DVDs, and gifts — here at Powells.com.