Sample of the Better Web Type Book
Total Page:16
File Type:pdf, Size:1020Kb
Load more
Recommended publications
-
The Hanging Package∗
The hanging package∗ Author: Peter Wilson, Herries Press Maintainer: Will Robertson will dot robertson at latex-project dot org 2009/09/02 Abstract The hanging package provides facilities for defining hanging paragraphs and hanging punctuation. Contents 1 Introduction 1 2 The hanging package 2 2.1 Hanging paragraphs . 2 2.2 Hanging punctuation . 2 3 The package code 3 3.1 Hanging paragraphs . 4 3.2 Hanging punctuation . 4 1 Introduction Some authors may wish to use hanging paragraphs in their documents. Normally only the first line of a paragraph is indented. A hanging paragraph is a paragraph like this one where lines other than the first have indentation. Other au- thors might wish to use hanging punctuation. In this style of typesetting punctuation marks that come at either the start or end of a line are typeset outside the normal text block. The hanging package provides facilities for both hanging paragraphs and hang- ing punctuation. This manual is typeset according to the conventions of the LATEX doc- strip utility which enables the automatic extraction of the LATEX macro source files [GMS94]. ∗This file (hanging.dtx) has version number v1.2b, last revised 2009/09/02. 1 Section 2 describes the usage of the package. Commented source code for the package is in Section 3. 2 The hanging package 2.1 Hanging paragraphs The hanging package provides a command for producing a single hanging para- graph and an environment for typesetting a series of hanging paragraphs. \hangpara The command \hangpara{hindenti}{hafternumi} placed at the start of a para- graph will cause it to be typeset as a hanging paragraph. -
June 2015 Broadside
T H E A T L A N T A E A R L Y M U S I C ALLIANCE B R O A D S I D E Volume XV # 4 June, 2015 President’s Message Are we living in the Renaissance? Well, according to the British journalist, Stephen Masty, we are still witnessing new inventions in musical instruments that link us back to the Renaissance figuratively and literally. His article “The 21st Century Renaissance Inventor” [of musical instruments], in the journal “The Imaginative Conservative” received worldwide attention recently regard- ing George Kelischek’s invention of the “KELHORN”. a reinvention of Renaissance capped double-reed instruments, such as Cornamuse, Crumhorn, Rauschpfeiff. To read the article, please visit: AEMA MISSION http://www.theimaginativeconservative.org/2015/05/the-21st-centurys-great-renaissance-inventor.html. It is the mission of the Atlanta Early Music Alli- Some early music lovers play new replicas of the ance to foster enjoyment and awareness of the histor- Renaissance instruments and are also interested in playing ically informed perfor- the KELHORNs. The latter have a sinuous bore which mance of music, with spe- cial emphasis on music makes even bass instruments “handy” to play, since they written before 1800. Its have finger hole arrangements similar to Recorders. mission will be accom- plished through dissemina- tion and coordination of Yet the sound of all these instruments is quite unlike that information, education and financial support. of the Recorder: The double-reed presents a haunting raspy other-worldly tone. (Renaissance? or Jurassic?) In this issue: George Kelischek just told me that he has initiated The Capped Reed Society Forum for Players and Makers of the Crumhorn, President ’ s Message page 1 Cornamuse, Kelhorn & Rauschpfeiff. -
Margin Kerning and Font Expansion with Pdftex
Margin Kerning and Font Expansion with pdfTEX H`anTh´eTh`anh Introduction \f ends up at the right margin, it should be moved out to the margin by 700 thousandths of its width pdfT X has some micro-typographic extensions that E (i.e., 70 %). are not so widely used, for the lack of documentation It is conveninent to specify the protruding fac- and quite complicated setup. In this paper I would tor for individual characters in thousandths of char- like to describe their use in a step-by-step manner acter width. This is also the way how \rpcode so the reader can give a try afterwards. Two exten- was implemented in versions up to 0.14h. However, sions will be introduced: margin kerning and font this method cannot be used for characters with expansion. zero width (”faked” characters that can be used to Margin kerning is the technique to move the protrude other elements than normal characters), so characters slightly out to the margins of a text block in version 0.14h and later, the protruding amount in order to make the margins look straight. Without is specified in thousandths of an em of the font. margin kerning, certain characters when ending up A macro called \adjustprotcode (defined in file at the margins can cause the optical illusion that \protrude.tex) is used here to checks whether the the margins look rather ragged. Margin kerning used version is older than 0.14h and if so it will is similar to hanging punctuation, but it can also convert the settings for versions before 0.14h (i.e., in be applied to other characters as well. -
Basic Styles of Lettering for Monuments and Markers.Indd
BASIC STYLES OF LETTERING FOR MONUMENTS AND MARKERS Monument Builders of North America, Inc. AA GuideGuide ToTo TheThe SelectionSelection ofof LETTERINGLETTERING From primitive times, man has sought to crude or garish or awkward letters, but in communicate with his fellow men through letters of harmonized alphabets which have symbols and graphics which conveyed dignity, balance and legibility. At the same meaning. Slowly he evolved signs and time, they are letters which are designed to hieroglyphics which became the visual engrave or incise cleanly and clearly into expression of his language. monumental stone, and to resist change or obliteration through year after year of Ultimately, this process evolved into the exposure. writing and the alphabets of the various tongues and civilizations. The early scribes The purpose of this book is to illustrate the and artists refi ned these alphabets, and the basic styles or types of alphabets which have development of printing led to the design been proved in memorial art, and which are of alphabets of related character and ready both appropriate and practical in the lettering readability. of monuments and markers. Memorial art--one of the oldest of the arts- Lettering or engraving of family memorials -was among the fi rst to use symbols and or individual markers is done today with “letters” to inscribe lasting records and history superb fi delity through the use of lasers or the into stone. The sculptors and carvers of each sandblast process, which employs a powerful generation infl uenced the form of letters and stream or jet of abrasive “sand” to cut into the numerals and used them to add both meaning granite or marble. -
Understanding the Impulsiveness Effect of a Web Design on Online Fashion Stores*
Proceedings of the 2016 International Conference on Industrial Engineering and Operations Management Kuala Lumpur, Malaysia, March 8-10, 2016 Understanding the Impulsiveness Effect of a Web Design on Online Fashion Stores* Paulina Kus Ariningsih, Marihot Nainggolan, Ignatius Sandy, Dhea Widyasti Departement of Industrial Engineering Universitas Katolik Parahyangan Bandung, Indonesia [email protected], [email protected], [email protected], [email protected] Abstract—E-commerce had been a window of consumer-retailer and business-to-business relationship. It had changed supply chain design in last four decades. A Website display, as one of strategic decision of an e-commerce, has been a competitive advantage to win the market. Moreover, impulsive buying had recognized as cognitive natural flaw which had given an advantage for both retailer and consumer. Sometimes, the tremendous increment of the number of internet access on an e-commerce site is not accompanied by increment of buying. Meanwhile, the study about the influences of a web display to impulse buying behaviors had been written so little. In this paper, a preliminary research about the influences of a web display to impulse buying behaviors is conducted. The study is conducted on online fashion stores in Indonesia. This paper depicts the development of sixteen display attributes for accessing impulse buying on online fashion stores. Twenty (20) attributes has been developed from literature survey and interview. Then, a survey has been given to 150 respondents to determine the display’s attributes that influenced to impulsive buying. A factor analysis has been run to sixteen (16) attributes that have significant influence to Impulse Buying and four factors have been developed. -
Micro Typography Part 1: Spacing
MICRO TYPOGRAPHY PART 1 MICRO TYPOGRAPHY PART 1: SPACING Kerning :: Letter spacing :: Tracking :: Word Spacing Kerning :: Letter spacing :: Tracking :: Word Spacing KERNING Kerning is the act of adjusting the space between two characters to compensate for their relative shapes. It refers to removing space between two characters to restore the natural rhythm found among the characters in the rest of the text. If letters in a typeface are spaced mathematically even, they make a pattern that doesn’t look uniform enough. * Letter spacing: adding space between two characters within a word. Kerning :: Letter spacing :: Tracking :: Word Spacing KERNING: LETTER SHAPES There are four kinds of strokes that make up letter forms. These must be spaced in a logical, consistent manner to appear optically correct. The idea is to maintain comfortable optical volumes (figure/ground) between letter forms. Each letter should “flirt” with the one next to it. Kerning :: Letter spacing :: Tracking :: Word Spacing KERNING: LETTER SHAPES Here are the extreme spacing limits for combining stroke types. You can build your own letter spacing system for the other stroke combinations. Kerning :: Letter spacing :: Tracking :: Word Spacing KERNING PAIRS Kerning pairs are a pair of letters whose shapes (and negative space around those shapes) cause them to need a kerning adjustment. Sample letters which always need kerning: W, Y, V, T, L, O. Sample letter pairs which always need adjusting: Wy, Ae, Yo, Te, Wo. Often kerning happens between upper and lower case letters and -
The Eye Has It: Optical Alignment and Hanging Punctuation Sometimes Little Things Can Make a Big Difference
InType: Alignment By Nigel French The Eye Has It: Optical Alignment and Hanging Punctuation Sometimes little things can make a big difference. When it comes to typography this is especially true. One of the simplest enhancements you can make to your type— especially if you’re working with justified type—is to use Optical Margin Alignment. What is Optical Margin Alignment? But today, with InDesign’s Optical Have you ever noticed how punctuation Margin Alignment, we can easily ensure at the margin of a text frame can make the that punctuation, as well as the edges of left or right sides of a column appear mis- letters, hangs outside the text frame or aligned? When a line begins with punctua- column margins so that the column edge T tion, like an opening quotation mark, or remains flush (Figure 1). ends with a comma, period, or hyphen, you This makes Optical Margin Alignment get a visual hole. Once, this was regarded as especially beneficial when working with the price of progress. We could do so much justified text, but even with left-aligned more with our page layout programs—did text, the first character of the line will “hang” Figure 1: The text is the same; the margin alignment is not. it matter that we had to forgo a few niceties? outside the text frame. INDESIGN MAGAZINE 43 August | September 2011 CONTENTS PREVIOUS NEXT FULL SCREEN 30 InType: Alignment T Optical margin alignment isn’t to eve- tool, choose Story from the ryone’s taste. Some consider the look of Type menu, check the box optically aligned text too fussy, preferring and you’re good to go. -
Booklet & CD Design & Typography: David Tayler Cover Art: Adriaen Coorte
Voices of Music An Evening with Bach An Evening with Bach 1. Air on a G string (BWV 1069) Johann Sebastian Bach (1685–1750) 2. Schlummert ein (BWV 82) Susanne Rydén, soprano 3. Badinerie (BWV 1067) Dan Laurin, voice flute 4. Ich folge dir gleichfalls (St. John Passion BWV 245) Susanne Rydén, soprano; Louise Carslake, baroque flute 5. Giga (BWV 1004) Dan Laurin, recorder 6. Schafe können sicher weiden (BWV 208) Susanne Rydén, soprano 7. Prelude in C minor (BWV 871) Hanneke van Proosdij, harpsichord 8. Schlafe mein Liebster (BWV 213) Susanne Rydén, soprano 9. Prelude in G major (BWV 1007) David Tayler, theorbo 10. Es ist vollbracht (St. John Passion BWV 245) Jennifer Lane, alto; William Skeen, viola da gamba 11. Sarabanda (BWV 1004) Elizabeth Blumenstock, baroque violin 12. Kein Arzt ist außer dir zu finden (BWV 103) Jennifer Lane, alto; Hanneke van Proosdij, sixth flute 13. Prelude in E flat major (BWV 998) Hanneke van Proosdij, lautenwerk 14. Bist du bei mir (BWV 508) Susanne Rydén, soprano 15. Passacaglia Mein Freund ist mein J.C. Bach (1642–1703) Susanne Rydén, soprano; Elizabeth Blumenstock, baroque violin Notes The Great Collectors During the 1980s, both Classical & Early Music recordings underwent a profound change due to the advent of the Compact Disc as well as the arrival of larger stores specializing in music. One of the casualties of this change was the recital recording, in which an artist or ensemble would present an interesting arrangement of musical pieces that followed a certain theme or style—much like a live concert. Although recital recordings were of course made, and are perhaps making a comeback, most recordings featured a single composer and were sold in alphabetized bins: B for Bach; V for Vivaldi. -
Web Typography │ 2 Table of Content
Imprint Published in January 2011 Smashing Media GmbH, Freiburg, Germany Cover Design: Ricardo Gimenes Editing: Manuela Müller Proofreading: Brian Goessling Concept: Sven Lennartz, Vitaly Friedman Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Smashing Magazine is a well-respected international online publication for professional Web designers and developers. Our main goal is to support the Web design community with useful and valuable articles and resources, written and created by experienced designers and developers. ISBN: 978-3-943075-07-6 Version: March 29, 2011 Smashing eBook #6│Getting the Hang of Web Typography │ 2 Table of Content Preface The Ails Of Typographic Anti-Aliasing 10 Principles For Readable Web Typography 5 Principles and Ideas of Setting Type on the Web Lessons From Swiss Style Graphic Design 8 Simple Ways to Improve Typography in Your Designs Typographic Design Patterns and Best Practices The Typography Dress Code: Principles of Choosing and Using Typefaces Best Practices of Combining Typefaces Guide to CSS Font Stacks: Techniques and Resources New Typographic Possibilities with CSS 3 Good Old @Font-Face Rule Revisted The Current Web Font Formats Review of Popular Web Font Embedding Services How to Embed Web Fonts from your Server Web Typography – Work-arounds, Tips and Tricks 10 Useful Typography Tools Glossary The Authors Smashing eBook #6│Getting the Hang of Web Typography │ 3 Preface Script is one of the oldest cultural assets. The first attempts at written expressions date back more than 5,000 years ago. From the Sumerians cuneiform writing to the invention of the Gutenberg printing press in Medieval Germany up to today՚s modern desktop publishing it՚s been a long way that has left its impact on the current use and practice of typography. -
Book Typography 101 at the End of This Session, Participants Should Be Able To: 1
3/21/2016 Objectives Book Typography 101 At the end of this session, participants should be able to: 1. Evaluate typeset pages for adherence Dick Margulis to traditional standards of good composition 2. Make sensible design recommendations to clients based on readability of text and clarity of communication © 2013–2016 Dick Margulis Creative Services © 2013–2016 Dick Margulis Creative Services What is typography? Typography encompasses • The design and layout of the printed or virtual page • The selection of fonts • The specification of typesetting variables • The actual composition of text © 2013–2016 Dick Margulis Creative Services © 2013–2016 Dick Margulis Creative Services What is typography? What is typography? The goal of good typography is to allow Typography that intrudes its own cleverness the unencumbered communication and interferes with the dialogue of the author’s meaning to the reader. between author and reader is almost always inappropriate. Assigned reading: “The Crystal Goblet,” by Beatrice Ward http://www.arts.ucsb.edu/faculty/reese/classes/artistsbooks/Beatrice%20Warde,%20The%20Crystal%20Goblet.pdf (or just google it) © 2013–2016 Dick Margulis Creative Services © 2013–2016 Dick Margulis Creative Services 1 3/21/2016 How we read The basics • Saccades • Page size and margins The quick brown fox jumps over the lazy dog. Mary had a little lamb, a little bread, a little jam. • Line length and leading • Boules • Justification My very educated mother just served us nine. • Typeface My very educated mother just served us nine. -
Gender and Web Design Software
Gender and web design software Gabor HORVATH Gloria MOSS Rod GUNN Eszter VASS Glamorgan Business School University of Glamorgan Pontypridd, Wales CF37 1DL, UK ABSTRACT been extensively studied [17] but a relatively unexplored field concerns itself with the non-interpretive elements of navigation, There are several studies dealing with the differences between content, form and colours. sites originated by men and women. However, these references are mainly related to the “output”, the final web site. In our Web-design research we examined the input side of web designing. We Summarizing the work on web-design aesthetics, a recent study thoroughly analysed a number of randomly selected web refers to the relative ‘paucity of research’ [12], with ‘no designer softwares to see, whether and to what extent the principles of good www design ... set in stone’ [9] The fact that templates they offer determine the final look of an individual’s some web design is perceived as less than optimum is website. We have found that most of them are typical masculine demonstrated by the fact that the 10 factors with the greatest templates, which makes it difficult to any women to design a deficit amongst Internet users in the US and Netherlands feminine looking website. It can be one of the reasons of the included a factor relating to graphics [20]. masculine website hegemony on the web. The design of websites can most easily be affected by IT Key words: Internet, gender differences, web aesthetics, web professionals. This is a profession in which participation rates design, websites for women, across the board, have fluctuated during the 1990s somewhere between 19% and 22% [15]. -
Responsive Web Design.Docx
Theresa Agostinelli, Librarian, Instructional & Educational Services Monroe Township Public Library, theresacahill@hotmail What is Responsive Web Design? Responsive web sites adapt gracefully to different screen sizes. For example, a site may display in three columns on a laptop or desktop computer, in two columns on a tablet, and in one column on a smartphone. This is illustrated in the above image. It is using the same content, but displaying it differently depending on the width of the screen. Instead of creating a desktop version of a site, and then a mobile version, one site is used for all devices. Web designers used to design for laptop and desktop computers. Now, with users accessing the Internet through laptops, desktop computers, smartphones, tablets, televisions, refrigerators, and more, many web designers have reversed their way of thinking. Instead of designing primarily for laptop and desktop users, and then creating a separate mobile app, many designers are now designing first for mobile users. Mobile first designs should be simpler than traditional layouts, since loading times can vary across devices. Designers may want to limit their use of images and enhance their designs through the use of white space, typography, and cascading style sheets (CSS.) Advantages of Responsive Web Design Responsive websites create a consistent user experience across various devices. Webmasters can make changes one time and those changes will carry over to all of their users. If the site is using a separate mobile app, changes must be made to the full website, as well as the mobile site, for users to see those changes.