Book https://rwt.io/ en Flexible Typesetting https://rwt.io/resources/book/flexible-typesetting <span>Flexible Typesetting</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Wed, 08/01/2018 - 14:49</span> <p>Tim Brown (<a href="https://twitter.com/typesetting">@typesetting</a>) illuminates the complex, beautiful world of typesetting—arguably the most important part of typography because it forms the backbone of the reading experience—and shows us how to parry the inevitable pressures that arise when we can no longer predict how, and where, our text will be read.</p> Book Tim Brown <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="http://flexibletypesetting.com">Book site &amp; purchase</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/aba-cover-27_160x%403x.png?itok=04xlckJl 210w, /sites/default/files/styles/max_650x650/public/aba-cover-27_160x%403x.png?itok=wfBGqmz4 420w, /sites/default/files/styles/max_1300x1300/public/aba-cover-27_160x%403x.png?itok=rsAU0p3U 480w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/aba-cover-27_160x%403x.png?itok=04xlckJl 210w, /sites/default/files/styles/max_650x650/public/aba-cover-27_160x%403x.png?itok=wfBGqmz4 420w, /sites/default/files/styles/max_1300x1300/public/aba-cover-27_160x%403x.png?itok=rsAU0p3U 480w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/aba-cover-27_160x%403x.png?itok=04xlckJl" alt="Flexible Typesetting by Tim Brown" /> </article> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> </div> Wed, 01 Aug 2018 18:49:34 +0000 jpamental 67 at https://rwt.io Webfont Handbook https://rwt.io/resources/book/webfont-handbook <span>Webfont Handbook</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Fri, 09/01/2017 - 15:02</span> <p>There’s more to choosing a webfont than aesthetics—rendering, language support, hosting, and licensing are equally crucial to communicating your message. Think of webfonts as progressive enhancement, and learn how to harness CSS and browser features to improve performance. From selection to optimization, Bram Stein’s primer shows you how webfonts can make the web a more visually diverse, efficient, and readable environment.</p> Book Bram Stein <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://abookapart.com/products/webfont-handbook">Buy it from A Book Apart</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=sp0Jqp-q 210w, /sites/default/files/styles/max_650x650/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=2L_wtmwb 420w, /sites/default/files/styles/max_1300x1300/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=HxWAQcQO 480w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=sp0Jqp-q 210w, /sites/default/files/styles/max_650x650/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=2L_wtmwb 420w, /sites/default/files/styles/max_1300x1300/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=HxWAQcQO 480w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_160x%403x.png?itok=sp0Jqp-q" alt="Webfont Handbook by Bram Stein" /> </article> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> </div> Fri, 01 Sep 2017 19:02:40 +0000 jpamental 68 at https://rwt.io Web Typography https://rwt.io/resources/book/web-typography-0 <span>Web Typography</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Tue, 08/01/2017 - 14:37</span> <p>Rich’s exhaustive work is about far more than just the web. There’s a huge amount of history, typographic insights, and of course, just about everything you could ask about typography on the web.</p> Book Rich Rutter <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="http://book.webtypography.net">Book site &amp; purchase</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=3a7Mg36d 325w, /sites/default/files/styles/max_650x650/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=1JKfTkZW 650w, /sites/default/files/styles/max_1300x1300/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=o2dkXc_K 1300w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=3a7Mg36d 325w, /sites/default/files/styles/max_650x650/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=1JKfTkZW 650w, /sites/default/files/styles/max_1300x1300/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=o2dkXc_K 1300w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/Screen%20Shot%202018-08-01%20at%202.39.02%20PM.png?itok=3a7Mg36d" alt="Web Typography by Richard Rutter" /> </article> Tue, 01 Aug 2017 18:37:32 +0000 jpamental 66 at https://rwt.io On Web Typography https://rwt.io/resources/book/web-typography <span>On Web Typography</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Sat, 04/11/2015 - 09:42</span> <p>Jason Santa Maria’s approachable guide to web typography narrates the thought process behind working with type, from choosing fonts to crafting hierarchies to building grids. Rather than handing down a list of rules and prohibitions, Santa Maria walks side by side with readers through a creative journey. He invites us to think about our own reading experience right now—as we peruse this book—by providing clear and compel- ling examples for visual comparison. We the readers get to judge and evaluate different styles, combinations, and configurations of type, applied to real text that we can picture in the real world.</p> Book Jason Santa Maria <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="http://abookapart.com">Get it from A Book Apart</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/on-web-typography-1.jpg?itok=cZj6raTs 211w, /sites/default/files/styles/max_650x650/public/on-web-typography-1.jpg?itok=CZKkV2Iu 423w, /sites/default/files/styles/max_1300x1300/public/on-web-typography-1.jpg?itok=qFcg0dT- 845w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/on-web-typography-1.jpg?itok=cZj6raTs 211w, /sites/default/files/styles/max_650x650/public/on-web-typography-1.jpg?itok=CZKkV2Iu 423w, /sites/default/files/styles/max_1300x1300/public/on-web-typography-1.jpg?itok=qFcg0dT- 845w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/on-web-typography-1.jpg?itok=cZj6raTs" alt="On Web Typography book cover" /> </article> Sat, 11 Apr 2015 13:42:27 +0000 jpamental 48 at https://rwt.io Responsive Typography: Using Type Well on the Web https://rwt.io/resources/book/responsive-typography-using-type-well-web <span>Responsive Typography: Using Type Well on the Web</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Fri, 04/10/2015 - 09:27</span> <p>Responsive web design helps your site maintain its design integrity on a variety of screen sizes, but how does it affect your typography? With this practical book, graphic designers, web designers, and front-end developers alike will learn the nuts and bolts of implementing web fonts well, especially how to get the best appearance from type without sacrificing performance on any device.</p> <p>After examining typography fundamentals and the evolution of type on the Web, author Jason Pamental provides useful approaches, real examples, code, and advice for making your type performant, progressive, proportional, and polished—the primary ingredients of responsive typography.</p> <ul><li>Understand how type plays a vital role in content-first web design</li> <li>Weigh the tradeoffs between self-hosting and using a font service to get the best performance for your site</li> <li>Get your type on the screen fast by designing for Progressive Enhancement</li> <li>Use a responsive relative scale to adjust proportions between typographic elements for any device or resolution</li> <li>Polish your type with ligatures, kerning, and other techniques to create rich, textured reading experiences</li> </ul> Book Jason Pamental <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="http://www.amazon.com/Responsive-Typography-Using-Type-Well/dp/1491907096">Get it on Amazon.com</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/lrg.jpg?itok=cUqEbHgm 248w, /sites/default/files/styles/max_650x650/public/lrg.jpg?itok=XcFiNcGu 495w, /sites/default/files/styles/max_1300x1300/public/lrg.jpg?itok=dNa7dWAv 500w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/lrg.jpg?itok=cUqEbHgm 248w, /sites/default/files/styles/max_650x650/public/lrg.jpg?itok=XcFiNcGu 495w, /sites/default/files/styles/max_1300x1300/public/lrg.jpg?itok=dNa7dWAv 500w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/lrg.jpg?itok=cUqEbHgm" alt="Responsive Typography book cover" /> </article> Fri, 10 Apr 2015 13:27:56 +0000 jpamental 43 at https://rwt.io