Advanced CSS

Total Page:16

File Type:pdf, Size:1020Kb

Advanced CSS www.allitebooks.com AdvancED CSS Joseph R. Lewis and Meitar Moscovitz www.allitebooks.com AdvancED CSS Copyright © 2009 by Joseph R. Lewis and Meitar Moscovitz All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage or retrieval system, without the prior written permission of the copyright owner and the publisher. ISBN-13 (pbk): 978-1-4302-1932-3 ISBN-13 (electronic): 978-1-4302-1933-0 Printed and bound in the United States of America 9 8 7 6 5 4 3 2 1 Trademarked names may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, we use the names only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark. Distributed to the book trade worldwide by Springer-Verlag New York, Inc., 233 Spring Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax 201-348-4505, e-mail kn`ano)ju<olnejcan)o^i*_om, or visit sss*olnejcankjheja*_ki. For information on translations, please contact Apress directly at 2855 Telegraph Avenue, Suite 600, Berkeley, CA 94705. Phone 510-549-5930, fax 510-549-5939, e-mail ejbk<]lnaoo*_ki, or visit sss*]lnaoo*_ki. Apress and friends of ED books may be purchased in bulk for academic, corporate, or promotional use. eBook versions and licenses are also available for most titles. For more information, reference our Special Bulk Sales–eBook Licensing web page at dppl6++sss*]lnaoo*_ki+ejbk+^qhgo]hao. The information in this book is distributed on an “as is” basis, without warranty. Although every precaution has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work. The source code for this book is freely available to readers at sss*bneaj`okba`*_ki in the Downloads section. Credits Lead Editors Production Editor Clay Andres and Douglas Pundick Elizabeth Berry Technical Reviewer Compositor Paul Haine Diana Van Winkle Editorial Board Proofreader Clay Andres, Steve Anglin, Mark Beckner, Nancy Bell Ewan Buckingham, Tony Campbell, Gary Cornell, Jonathan Gennick, Michelle Lowman, Indexer Matthew Moodie, Jeffrey Pepper, Becky Hornyak Frank Pohlmann, Ben Renow-Clarke, Dominic Shakeshaft, Artist Matt Wade, Tom Welsh Diana Van Winkle Project Manager Cover Image Designer Sofia Marchant Bruce Tang Copy Editor Interior and Cover Designer Liz Welch Kurt Krames Associate Production Director Manufacturing Director Kari Brooks-Copony Tom Debolski www.allitebooks.com To Yingwen, Maxwell, Dylan, and the musicians — Joseph R. Lewis To Penn and Koll, for giving me glimpses of my own past; and to all young people who don’t yet know how to get from where they are to where they want to be — Meitar Moscovitz www.allitebooks.com CONTENTS AT A GLANCE About the Authors .........................................................xv About the Technical Reviewer ...........................................xvii About the Cover Image Designer .........................................xix Acknowledgments ..........................................................xxi Layout Conventions .......................................................xxiii PART ONE INTRODUCTION: DIGESTING THE WEB’S ALPHABET SOUP .......... 1 Chapter 1 Markup Underpins CSS ..........................................3 Chapter 2 CSS Fundamentals for Advanced Use .......................27 PART TWO ADVANCED CSS IN PRACTICE .......................87 Chapter 3 CSS-Generated Content .......................................89 Chapter 4 Optimizing for Print ..........................................117 Chapter 5 Developing for Small Screens and the Mobile Web ......149 Chapter 6 Managing and Organizing Style Sheets ....................189 iv www.allitebooks.com PART THREE CSS PATTERNS AND ADVANCED TECHNIQUES ........................211 Chapter 7 Semantic Patterns for Styling Common Design Components ...............................213 Chapter 8 Using a Style Sheet Library ..................................229 Chapter 9 Styling XML with CSS .........................................247 Chapter 10 Optimizing CSS for Performance ..........................275 PART FOUR THE FUTURE OF CSS ................................291 Chapter 11 Exploring the Emergence of CSS3 .........................293 Chapter 12 The Future of CSS and the Web ...........................333 Index .......................................................................343 v www.allitebooks.com CONTENTS About the Authors .........................................................xv About the Technical Reviewer ...........................................xvii About the Cover Image Designer .........................................xix Acknowledgments ..........................................................xxi Layout Conventions .......................................................xxiii PART ONE INTRODUCTION: DIGESTING THE WEB’S ALPHABET SOUP .......... 1 Chapter 1 Markup Underpins CSS ..........................................3 The linguistics of markup languages ................................................4 XML dialects: the many different flavors of content ...................................5 RSS and Atom: content syndication formats ......................................6 SVG: vector-based graphics in XML .............................................8 User agents: our eyes and ears in cyberspace .......................................12 Understanding users and their agents ..........................................12 Why giving the user control is not giving up .....................................14 Abstracting content’s presentation with CSS ........................................15 The nature of output: grouping output with CSS media types ......................15 Considerations for targeting media types .......................................18 Targeting screens ..........................................................18 The screen media type ...................................................18 The projection media type ................................................19 The handheld media type ................................................20 The print media type .......................................................21 Aural media ...............................................................21 Feature detection via CSS media queries .......................................22 One document, multiple faces ................................................23 Complementing semantics with CSS ..............................................24 Summary ....................................................................24 vii www.allitebooks.com CONTENTS Chapter 2 CSS Fundamentals for Advanced Use .......................27 Origins of a style sheet and the CSS cascade .......................................28 User agent style sheets (default browser styles) ..................................28 User style sheets ...........................................................34 User style sheet support in web browsers ...................................35 Attributes and characteristics of author style sheets .................................37 External and embedded style sheets ...........................................37 Naming and specifying media and character encoding details ...................39 Inline styles ...............................................................40 Selectors: from simple to complex to surgical ......................................40 Simple selectors ...........................................................41 Type selectors ..........................................................42 Universal type selector ...................................................44 Attribute selectors ......................................................45 ID and class selectors ....................................................46 Pseudo-classes .........................................................48 Pseudo-elements .......................................................52 Using combinators .........................................................53 Descendant combinator ..................................................55 Child combinator .......................................................55 Adjacent sibling combinator ..............................................56 General sibling combinator ...............................................58 Property values and units .......................................................58 Keywords and font names ...................................................59 Numbers .................................................................60 Lengths ...............................................................60 Percentages ............................................................62 Time, frequencies, and angles .............................................62 Strings ...................................................................63 Functional notation ........................................................63 URI references: the url() function ..........................................64 Color functions: rgb(), rgba(), hsl(), and hsla() ................................64 Generated content functions: attr() and counter() ............................66 Basic math for computing lengths: the calc() function .........................66
Recommended publications
  • TUGBOAT Volume 26, Number 1 / 2005 Practical
    TUGBOAT Volume 26, Number 1 / 2005 Practical TEX 2005 Conference Proceedings General Delivery 3 Karl Berry / From the president 3 Barbara Beeton / Editorial comments Old TUGboat issues go electronic; CTAN anouncement archives; Another LATEX manual — for word processor users; Create your own alphabet; Type design exhibition “Letras Latinas”; The cost of a bad proofreader; Looking at the same text in different ways: CSS on the web; Some comments on mathematical typesetting 5 Barbara Beeton / Hyphenation exception log A L TEX 7 Pedro Quaresma / Stacks in TEX Graphics 10 Denis Roegel / Kissing circles: A French romance in MetaPost Software & Tools 17 Tristan Miller / Using the RPM package manager for (LA)TEX packages Practical TEX 2005 29 Conference program, delegates, and sponsors 31 Peter Flom and Tristan Miller / Impressions from PracTEX’05 Keynote 33 Nelson Beebe / The design of TEX and METAFONT: A retrospective Talks 52 Peter Flom / ALATEX fledgling struggles to take flight 56 Anita Schwartz / The art of LATEX problem solving 59 Klaus H¨oppner / Strategies for including graphics in LATEX documents 63 Joseph Hogg / Making a booklet 66 Peter Flynn / LATEX on the Web 68 Andrew Mertz and William Slough / Beamer by example 74 Kaveh Bazargan / Batch Commander: A graphical user interface for TEX 81 David Ignat / Word to LATEX for a large, multi-author scientific paper 85 Tristan Miller / Biblet: A portable BIBTEX bibliography style for generating highly customizable XHTML 97 Abstracts (Allen, Burt, Fehd, Gurari, Janc, Kew, Peter) News 99 Calendar TUG Business 104 Institutional members Advertisements 104 TEX consulting and production services 101 Silmaril Consultants 101 Joe Hogg 101 Carleton Production Centre 102 Personal TEX, Inc.
    [Show full text]
  • In This Issue Monthly Meeting
    Monthly Meeting January 28, 2004 The Apple Store Westfarms Mall Panther demo, hands-on G5 trials, great deals, etc. NEWSLETTER OF CONNECTICUT MACINTOSH CONNECTION, INC.JANUARY, 2004 Danger! iPod Could instead of making her surface was clear. Inspection of the wait to Christmas for it. car revealed the side walls on both Be Hazardous To After all, if I didn’t, I passenger tires were torn, and one rim Your Health! would have to burn 25 was badly chewed up. She had Mouse Tales CDs so she could lis- obviously tangled both right wheels By Don Dickey, president ten to the new book! with the curb, but why? Answer: iPod There was a single distraction. Whenever a good deal condition to my gift, appears, I often call Joe Arcuri however. Before shelling out $640 for a new and ask him to “talk me out of chrome plated alloy rim and half that it” if he can. He sometimes does the same with me. The iPod I ordered for a pair of new tires, I realized just Simultaneous failures arrived a couple of how lucky we were. This was a lesson led us to both purchase Umax days before Joe’s, so she walked away from. Had it clones and scanners, Wallstreet one morning I met him and his daugh- happened on Interstate 91 at 65 miles PowerBook G3s, Toshiba M4 digital ter Savannah for breakfast and per hour, things could have been cameras, PowerBook G4s, PowerBoy brought along the iPod to show him. much more tragic, to say the least.
    [Show full text]
  • Typographic Alignment
    Typographic Alignment In typesetting and page layout, alignment or range, is the setting of text flow or image placement relative to a page, column (measure), table cell or tab. The type alignment setting is sometimes referred to as text alignment, text justification or type justification. Basic variations There are four basic typographic alignments: ▪ Flush left—the text is aligned along the left margin or gutter, also known as left-aligned or ragged right; ▪ Flush right—the text is aligned along the right margin or gutter, also known as right-aligned or ragged left; ▪ Justified—text is aligned along the left margin, and letter- and word-spacing is adjusted so that the text falls flush with both margins, also known as fully justified or full justification; ▪ Centered—text is aligned to neither the left nor right margin; there is an even gap on each side of each line. Note that alignment does not change the direction in which text is read; however text direction may determine the most commonly used alignment for that script. Flush left In English and most European languages where words are read left-to-right, text is often aligned ‘flush left’, meaning that the text of a paragraph is aligned on the left-hand side with the right- hand side ragged. This is the default style of text alignment on the World Wide Web for left-to-right text. Quotations are often indented. Flush right In other languages that read text right-to-left, such as Arabic and Hebrew, text is commonly aligned ‘flush right’. Additionally, flush- right alignment is used to set off special text in English, such as attributions to authors of quotes printed in books and magazines, and is often used when formatting tables of data.
    [Show full text]
  • Web Browser a C-Class Article from Wikipedia, the Free Encyclopedia
    Web browser A C-class article from Wikipedia, the free encyclopedia A web browser or Internet browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI) and may be a web page, image, video, or other piece of content.[1] Hyperlinks present in resources enable users to easily navigate their browsers to related resources. Although browsers are primarily intended to access the World Wide Web, they can also be used to access information provided by Web servers in private networks or files in file systems. Some browsers can also be used to save information resources to file systems. Contents 1 History 2 Function 3 Features 3.1 User interface 3.2 Privacy and security 3.3 Standards support 4 See also 5 References 6 External links History Main article: History of the web browser The history of the Web browser dates back in to the late 1980s, when a variety of technologies laid the foundation for the first Web browser, WorldWideWeb, by Tim Berners-Lee in 1991. That browser brought together a variety of existing and new software and hardware technologies. Ted Nelson and Douglas Engelbart developed the concept of hypertext long before Berners-Lee and CERN. It became the core of the World Wide Web. Berners-Lee does acknowledge Engelbart's contribution. The introduction of the NCSA Mosaic Web browser in 1993 – one of the first graphical Web browsers – led to an explosion in Web use. Marc Andreessen, the leader of the Mosaic team at NCSA, soon started his own company, named Netscape, and released the Mosaic-influenced Netscape Navigator in 1994, which quickly became the world's most popular browser, accounting for 90% of all Web use at its peak (see usage share of web browsers).
    [Show full text]
  • Paper Proposes a Technique for Automatically Repair- Appearance of a Website’S UI
    Automated Repair of Layout Cross Browser Issues using Search-Based Techniques Sonal Mahajan Abdulmajeed Alameer University of Southern California, USA University of Southern California, USA Phil McMinn William G. J. Halfond University of Sheeld, UK University of Southern California, USA ABSTRACT e constantly increasing number of web browsers with which A consistent cross-browser user experience is crucial for the suc- users can access a website has introduced new challenges in prevent- cess of a website. Layout Cross Browser Issues (XBIs) can severely ing appearance related issues. Dierences in how various browsers undermine a website’s success by causing web pages to render in- interpret HTML and CSS standards can result in Cross Browser correctly in certain browsers, thereby negatively impacting users’ Issues (XBIs) — inconsistencies in the appearance or behavior of impression of the quality and services that the web page delivers. a website across dierent browsers. Although XBIs can impact Existing Cross Browser Testing (XBT) techniques can only detect the appearance or functionality of a website, the vast majority — XBIs in websites. Repairing them is, hitherto, a manual task that is over 90% — result in appearance related problems [42]. is makes labor intensive and requires signicant expertise. Addressing this XBIs a signicant challenge in ensuring the correct and consistent concern, our paper proposes a technique for automatically repair- appearance of a website’s UI. ing layout XBIs in websites using guided search-based techniques. Despite the importance of XBIs, their detection and repair poses Our empirical evaluation showed that our approach was able to numerous challenges for developers. First, the sheer number of successfully x 86% of layout XBIs reported for 15 dierent web browsers available to end users is large — an informal listing re- pages studied, thereby improving their cross-browser consistency.
    [Show full text]
  • Guidelines for Bachelor and Master Theses Note 1: the Criteria Mentioned Below Shall Be Seen As Reference Point
    Guidelines for Bachelor and Master theses Note 1: The criteria mentioned below shall be seen as reference point. Some topics might require different and/or altered criteria. In these cases, the criteria should be agreed upon individually with the supervisor. Additionally, for theses, which are conducted in cooperation with a corporate partner, the criteria naturally should meet customer needs and therefore should be altered accordingly. Note 2: If a student chooses more than one method (e.g. a survey plus interviews), the mentioned criteria apply to the central method of the theses. Criterion Bachelor Master Number of cited references ~ 30 ~ 60 Citation style Harvard style = parenthetical referencing Style guides are offered by AMA and APA Structure of the theses Same for all types: Cover sheet (from our homepage, with signature) Cover sheet (individually designed) Table of content List of figures (optional) List of tables (optional) Abstract and (optional) Executive Summary a. Empirical Theses Introduction Method Results and Discussion issues b. Literatur Review Introduction Method Results = Review per se General Discussion focusing on managerial/practical implications c. Case Study Introduction Method Alternatives (theory-driven) Analyses of alternatives Discussion Same for all types: Cited references Appendix Formatting Font style Times New Roman Font size 12 pt. Line spacing 1,5-spaced Typographic alignment justified Topics An international scope is desirable Emphasize of the theses Application-oriented Science-oriented Interviews
    [Show full text]
  • Giant List of Web Browsers
    Giant List of Web Browsers The majority of the world uses a default or big tech browsers but there are many alternatives out there which may be a better choice. Take a look through our list & see if there is something you like the look of. All links open in new windows. Caveat emptor old friend & happy surfing. 1. 32bit https://www.electrasoft.com/32bw.htm 2. 360 Security https://browser.360.cn/se/en.html 3. Avant http://www.avantbrowser.com 4. Avast/SafeZone https://www.avast.com/en-us/secure-browser 5. Basilisk https://www.basilisk-browser.org 6. Bento https://bentobrowser.com 7. Bitty http://www.bitty.com 8. Blisk https://blisk.io 9. Brave https://brave.com 10. BriskBard https://www.briskbard.com 11. Chrome https://www.google.com/chrome 12. Chromium https://www.chromium.org/Home 13. Citrio http://citrio.com 14. Cliqz https://cliqz.com 15. C?c C?c https://coccoc.com 16. Comodo IceDragon https://www.comodo.com/home/browsers-toolbars/icedragon-browser.php 17. Comodo Dragon https://www.comodo.com/home/browsers-toolbars/browser.php 18. Coowon http://coowon.com 19. Crusta https://sourceforge.net/projects/crustabrowser 20. Dillo https://www.dillo.org 21. Dolphin http://dolphin.com 22. Dooble https://textbrowser.github.io/dooble 23. Edge https://www.microsoft.com/en-us/windows/microsoft-edge 24. ELinks http://elinks.or.cz 25. Epic https://www.epicbrowser.com 26. Epiphany https://projects-old.gnome.org/epiphany 27. Falkon https://www.falkon.org 28. Firefox https://www.mozilla.org/en-US/firefox/new 29.
    [Show full text]
  • Formatting Requirements Listed Below
    Manuscript Preparation Guidelines for The Journal of Advancing Education Practice A Winona State University Journal Thank you for your interest in submitting an article to The Journal of Advancing Education Practice (JAEP). The JAEP is a peer-reviewed, open-access journal that is published quarterly, featuring Spring, Summer, Fall, and Winter editions. The JAEP Editorial Board welcomes articles from doctoral students, practitioner-scholars, and established researchers that explore problems of practice and other timely issues affecting learning organizations. Interested authors are required to follow the style and formatting requirements listed below. Manuscripts that do not comply with the guidelines will be returned for correction before the JAEP Editorial Board will review the manuscript. Authors should submit a high-quality manuscript reflecting doctoral-level research and writing skills. The primary role of the JAEP Editorial Board is to evaluate manuscripts for academic research and writing quality and to ensure the manuscript makes a scholarly contribution to the educational community. The JAEP Editorial Board does not perform major overhauls of authors’ manuscripts. Articles that require a major overhaul will be returned to the author. Upon the Editorial Board’s agreement that an article will be accepted for publication, the article may be published as is, or may be returned to the author for minor grammar, flow, or other recommendations. The JAEP uses the APA 7th edition (ed.) writing style. Authors should refer to the book and/or use the website below for guidance. Any departures from APA 7th ed. will be noted below. https://owl.purdue.edu/owl/research_and_citation/apa_style/apa_formatting_and_style_guide/apa _changes_7th_edition.html JAEP Style and Formatting Requirements • Writing style: APA 7th ed.
    [Show full text]
  • Orthographies in Early Modern Europe
    Orthographies in Early Modern Europe Orthographies in Early Modern Europe Edited by Susan Baddeley Anja Voeste De Gruyter Mouton An electronic version of this book is freely available, thanks to the support of libra- ries working with Knowledge Unlatched. KU is a collaborative initiative designed to make high quality books Open Access. More information about the initiative can be found at www.knowledgeunlatched.org An electronic version of this book is freely available, thanks to the support of libra- ries working with Knowledge Unlatched. KU is a collaborative initiative designed to make high quality books Open Access. More information about the initiative can be found at www.knowledgeunlatched.org ISBN 978-3-11-021808-4 e-ISBN (PDF) 978-3-11-021809-1 e-ISBN (EPUB) 978-3-11-021806-2 ISSN 0179-0986 e-ISSN 0179-3256 ThisISBN work 978-3-11-021808-4 is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License, ase-ISBN of February (PDF) 978-3-11-021809-1 23, 2017. For details go to http://creativecommons.org/licenses/by-nc-nd/3.0/. e-ISBN (EPUB) 978-3-11-021806-2 LibraryISSN 0179-0986 of Congress Cataloging-in-Publication Data Ae-ISSN CIP catalog 0179-3256 record for this book has been applied for at the Library of Congress. ISBN 978-3-11-028812-4 e-ISBNBibliografische 978-3-11-028817-9 Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliogra- fie;This detaillierte work is licensed bibliografische under the DatenCreative sind Commons im Internet Attribution-NonCommercial-NoDerivs über 3.0 License, Libraryhttp://dnb.dnb.deas of February of Congress 23, 2017.abrufbar.
    [Show full text]
  • Opera 9.26 Download
    Opera 9.26 download Opera is a secure web browser that is both fast and rich in features. It has a slick interface that embraces a modern, minimalist look, coupled. Title: Opera Filename: File size: MB (4,, bytes). Requirements: Windows (All Versions). Languages: Multiple. Opera browser for Windows, Mac and Linux. Opera for computers is a fast, secure and easy-to-use browser with a built-in ad blocker. Opera's mobile apps. Changelog for Opera for Mac. Opera for Mac is available for download. Release Notes. This release is a recommended security and stability upgrade. Opera is a fast and secure browser. Developed in Europe, used by millions around the world. Now with a built-in ad blocker and free VPN. Opera for Windows computers gives you a fast, efficient, and personalized way of browsing the web. It comes with a sleek interface. Opera web browser free of charge, widely supported and feature-rich. Opera includes tabbed browsing, zooming, gestures, a download manager. Opera Opera Software - Free Software. MB. Share? Description · Info Download This Version MB, Download. Latest Version: Opera Opera 12 June, (9 years ago). MB. Opera 03 April, (10 years ago). MB. Opera 20 February, (10 years ago). MB. Microsoft Internet Explorer (IE) 6+; Mozilla Firefox +; Opera +; Google NTT / DoCoMo; SoftBank Mobile; KDDI; Opera +; Major Operators inc. Opera Change Log. Release Notes This release is a recommended security and stability upgrade. See the Security section for additional. Anda pun dapat melakukan instalasi browser Opera dengan installer tersebut. yang sudah Anda download tadi dengan cara mengklik ganda file tersebut.
    [Show full text]
  • Web Browser a C-Class Article from Wikipedia, the Free Encyclopedia
    Web browser A C-class article from Wikipedia, the free encyclopedia A web browser or Internet browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI) and may be a web page, image, video, or other piece of content. Hyperlinks present in resources enable users to easily navigate their browsers to related resources. Although browsers are primarily intended to access the World Wide Web, they can also be used to access information provided by Web servers in private networks or files in file systems. Some browsers can also be used to save information resources to file systems. Contents 1 History 2 Function 3 Features 3.1 User interface 3.2 Privacy and security 3.3 Standards support 4 See also 5 References 6 External links History Main article: History of the web browser The history of the Web browser dates back in to the late 1980s, when a variety of technologies laid the foundation for the first Web browser, WorldWideWeb, by Tim Berners-Lee in 1991. That browser brought together a variety of existing and new software and hardware technologies. Ted Nelson and Douglas Engelbart developed the concept of hypertext long before Berners-Lee and CERN. It became the core of the World Wide Web. Berners-Lee does acknowledge Engelbart's contribution. The introduction of the NCSA Mosaic Web browser in 1993 – WorldWideWeb for NeXT, released in one of the first graphical Web browsers – led to an explosion in 1991, was the first Web browser.
    [Show full text]
  • Designing for the Web
    Five Simple Steps A Practical Guide to Designing for the Web by Mark Boulton A Practical Guide to Designing for the Web by Mark Boulton Mark Boulton Design Ltd Studio Two, The Coach House Stanwell Road Penarth CF64 3EU United Kingdom On the web: www.fivesimplesteps.co.uk Please send errors to errata@fivesimplesteps.co.uk Publisher: Mark Boulton Design Ltd. Production Editor: Robert Mills Interior Design: Mark Boulton, Nick Boulton, Benn Pearson Cover Design: Nick Boulton Copyright © 2009 Mark Boulton Design Ltd. All rights reserved. No part of this publication may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopy, recording or any information storage and retrieval system, without prior permission in writing from the publisher. iv v Contents PART ONE PART THREE PART FIVE Getting Started Typography Layout 3 Designing for the web 77 Anatomy 177 The Basics of Composition 9 The Job 79 Classification 196 Spatial Relationships 13 Understanding Workflow 91 Hierarchy 207 Grid Systems 17 The Tools 103 Typesetting 219 Breaking the Grid 27 Working for yourself 123 Printing the web 227 Bringing it all together PART TWO PART FOUR Research and Ideas Colour 255 Conclusions 41 The Design Process 135 The Colour Wheel 51 The Brief 141 Hue, Saturation and Brightness 57 Research 147 Colour Combinations and Mood 63 Ideas 165 Designing without Colour 69 Putting it together 169 Colour and Brand vi vii This little book is about graphic design. It’s a book about the Credit craft of graphic design practice as applied to the web.
    [Show full text]