DOCSLIB.ORG

Introducing Constraints Into Web Layouts

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Introducing Constraints Into Web Layouts Introducing Constraints into Web Layouts: Evaluating the Intuitiveness of Current Approaches for Designers MASTER’S THESIS by William Clear, 11101906 submitted to obtain the degree of MASTER OF SCIENCE (M.SC.) at TH KÖLN – UNIVERSITY OF APPLIED SCIENCES INSTITUTE OF INFORMATICS Course of Studies WEB SCIENCE First supervisor: Prof. Dr. Kristian Fischer TH Köln - University of Applied Sciences Second supervisor: Prof. Christian Noss TH Köln - University of Applied Sciences Cologne, July 2016 Contact Details: William Clear [email protected] Prof. Dr. Kristian Fischer TH Köln – University of Applied Sciences Institute of Informatics Steinmüllerallee 1 51643 Gummersbach [email protected] Prof. Christian Noss TH Köln – University of Applied Sciences Institute of Informatics Steinmüllerallee 1 51643 Gummersbach [email protected] 2 Abstract When it comes to web applications and their dynamic content, one seemingly common trouble area is that of layouts. Frequently, web designers resort to frameworks or JavaScript- based solutions to achieve various layouts where the capabilities of Cascading Style Sheets (CSS) fall short. Although the World Wide Web Consortium (W3C) is attempting to address the demand for more robust and concise layout solutions to handle dynamic content with the recent and upcoming specifications, a generic approach to creating layouts using constraint syntax has been proposed and implementations have been created. Yet, the introduction of constraint syntax would change the CSS paradigm in a fundamental way, demanding further analysis to determine the viability of its inclusion in core web standards. This thesis focuses on one particular aspect of the introduction of constraint syntax: how intuitive constraint syntax will be for designers. To this end, an experiment is performed involving participants thinking aloud while reading code snippets. Also, cursor movements are recorded as a proxy for eye movement over the code snippets. The results indicate that, upon first-impression, constraint syntax within CSS is not intuitive for designers. 3 Abbreviations CSP Constraint Satisfaction Problem CCSS Constraint Cascading Style Sheets CSS Cascading Style Sheets Flexbox CSS Flexible Box Layout Module Level 1 GSS Grid Style Sheets HLSA Hue, Saturation, Lightness and Alpha HTML Hypertext Markup Language JSON JavaScript Object Notation RGB Red-Green-Blue (Colour Model) sRGB Standard Red Green Blue (Colour Space) VFL Visual Format Language W3C World Wide Web Consortium 4 Table of Contents Abstract .................................................................................................................................. 3 Abbreviations ......................................................................................................................... 4 1 Introduction .................................................................................................................... 7 1.1 Core Concepts ........................................................................................................ 8 1.1.1 Web Layouts ................................................................................................... 8 1.1.2 Web Designer ................................................................................................. 8 1.1.3 Constraints ...................................................................................................... 9 1.1.4 Current Approaches to Web Layouts ........................................................... 11 1.1.5 Intuitiveness .................................................................................................. 11 1.1.6 The Design Process and Environment .......................................................... 13 1.2 Scope .................................................................................................................... 13 1.3 Objectives and Relevance ..................................................................................... 14 1.4 Motivation ............................................................................................................ 15 2 Related Work ................................................................................................................ 17 2.1 Constraint Cascading Style Sheets ....................................................................... 17 2.2 Online Processing During Reading and How Code is Read ................................. 19 2.3 Approaches toward Intuitiveness from the CSS Working Group ........................ 22 2.4 Frameworks .......................................................................................................... 26 2.5 Modern Web Page Layouts .................................................................................. 27 2.6 CSS Specifications ............................................................................................... 29 3 Analysis ........................................................................................................................ 34 3.1 Historical Perspective ........................................................................................... 34 4 Experiment ................................................................................................................... 40 4.1 Experiment Design ............................................................................................... 40 4.1.1 Establishing Contact ..................................................................................... 41 4.1.2 Pre-experiment Survey ................................................................................. 41 4.1.3 Confirmation Email ...................................................................................... 42 4.1.4 Establishing a Video Call ............................................................................. 42 5 4.1.5 Designer Views Example Layout ................................................................. 44 4.1.6 The Designer is Shown Four Code Snippets ................................................ 45 4.1.7 Cursor Movements Over Code Snippets Are Recorded ............................... 51 4.1.8 The Designer Selects a Snippet .................................................................... 53 4.1.9 The Designer Completes a Follow-up Survey .............................................. 53 4.1.10 The Results Are Combined .......................................................................... 55 4.2 Results .................................................................................................................. 57 4.2.1 Participant Survey ........................................................................................ 57 4.2.2 Experiment Results ....................................................................................... 59 4.3 Discussion ............................................................................................................ 60 5 Conclusion .................................................................................................................... 63 5.1 Summary and Key Findings ................................................................................. 63 5.2 Critical Review ..................................................................................................... 65 5.3 Future Directions .................................................................................................. 66 6 References .................................................................................................................... 67 Appendix A : Uses of ‘Intuitive’ in the WWW-Style Mailing List ..................................... 74 Appendix B : Experiment Notes ......................................................................................... 109 Appendix C : Cursor Movements ....................................................................................... 120 Appendix D : Declaration ................................................................................................... 128 6 1 Introduction This thesis looks at the question of whether introducing constraint syntax into Cascading Style Sheets (CSS) results in an intuitive development experience for designers creating layouts for the web. Phrased as a research question: Is constraint syntax in CSS intuitive for designers, relative to current CSS layout techniques? The paper attempts to answer this question as well as propose and implement a process for determining the relative intuitiveness of CSS language features in general. The focus on whether the technology is intuitive stems from some of the principles that underlie the development and the success of the Web so far; in particular: availability and collective empowerment (Open Stand, 2016). This paper suggests that considering the intuitiveness of the standards underpinning the Web works towards aligning the Web with these principles, as more intuitive standards would allow more people to utilise the Web to a greater extent. This is one aspect of the practical relevance of this thesis. The other is establishing a process of determining the intuitiveness of CSS language features which might be used to challenge or support decisions in the creation of standards; a process that seems to have been largely based on opinion during the formative years of CSS (discussed in section 2.3, supported by Appendix A). In particular, this paper examines the feasibility of the integration of constraint syntax as defined by the
Load more

Recommended publications
  • Bibliography of Erik Wilde
    dretbiblio dretbiblio Erik Wilde's Bibliography References [1] AFIPS Fall Joint Computer Conference, San Francisco, California, December 1968. [2] Seventeenth IEEE Conference on Computer Communication Networks, Washington, D.C., 1978. [3] ACM SIGACT-SIGMOD Symposium on Principles of Database Systems, Los Angeles, Cal- ifornia, March 1982. ACM Press. [4] First Conference on Computer-Supported Cooperative Work, 1986. [5] 1987 ACM Conference on Hypertext, Chapel Hill, North Carolina, November 1987. ACM Press. [6] 18th IEEE International Symposium on Fault-Tolerant Computing, Tokyo, Japan, 1988. IEEE Computer Society Press. [7] Conference on Computer-Supported Cooperative Work, Portland, Oregon, 1988. ACM Press. [8] Conference on Office Information Systems, Palo Alto, California, March 1988. [9] 1989 ACM Conference on Hypertext, Pittsburgh, Pennsylvania, November 1989. ACM Press. [10] UNIX | The Legend Evolves. Summer 1990 UKUUG Conference, Buntingford, UK, 1990. UKUUG. [11] Fourth ACM Symposium on User Interface Software and Technology, Hilton Head, South Carolina, November 1991. [12] GLOBECOM'91 Conference, Phoenix, Arizona, 1991. IEEE Computer Society Press. [13] IEEE INFOCOM '91 Conference on Computer Communications, Bal Harbour, Florida, 1991. IEEE Computer Society Press. [14] IEEE International Conference on Communications, Denver, Colorado, June 1991. [15] International Workshop on CSCW, Berlin, Germany, April 1991. [16] Third ACM Conference on Hypertext, San Antonio, Texas, December 1991. ACM Press. [17] 11th Symposium on Reliable Distributed Systems, Houston, Texas, 1992. IEEE Computer Society Press. [18] 3rd Joint European Networking Conference, Innsbruck, Austria, May 1992. [19] Fourth ACM Conference on Hypertext, Milano, Italy, November 1992. ACM Press. [20] GLOBECOM'92 Conference, Orlando, Florida, December 1992. IEEE Computer Society Press. http://github.com/dret/biblio (August 29, 2018) 1 dretbiblio [21] IEEE INFOCOM '92 Conference on Computer Communications, Florence, Italy, 1992.
    [Show full text]
  • Front 01: HTML Y
    HTML Y CSS FRONT PRIMERA PARTE Guía para directivos y técnicos V.1 Front HTML y CSS Este documento forma parte de las guías de onboarding de Autentia. Si te apasiona el desarrollo de software de calidad ayúdanos a difundirlas y anímate a unirte al equipo. Este es un documento vivo y puedes encontrar la última versión, así como el resto de partes que completan este documento, en nuestra web. https://www.autentia.com/libros/ Esta obra está licenciada bajo la licencia Creative Commons Attribution ShareAlike 4.0 International (CC BY-SA 4.0) FRONT - HTML Y CSS Hoy en día el negocio está en la que se publican y organizan los red. Es en el mercado on-line contenidos, además del grado donde se producen la mayor parte de usabilidad y accesibilidad de de los intercambios comerciales los mismos, influye directamente entre clientes y proveedores. en el posicionamiento que los El primer contacto de nuestros motores de búsqueda asignan a usuarios con nuestro negocio, y las aplicaciones. en muchos casos el único, es a través de una aplicación web o móvil. No disponer de un diseño atractivo, una experiencia de usuario agradable, accesible y que se adapte de manera adecuada para ser usada en diferentes dispositivos (Responsive), es garantía de una pérdida masiva de potenciales clientes. De la misma manera, la forma en la FRONT - HTML Y CSS “No hay una segunda oportunidad para una primera impresión” Alcanzar la habilidad de realizar diseños profesionales y usables no es algo baladí y se necesita un conocimiento profundo en marketing digital, experiencia de usuario y en tecnologías front-end.
    [Show full text]
  • Jeff Jaffe, CEO, W3C
    Publishing and the Open Web Platform W3C and the Publishing Industry Edupub Conference Jeff Jaffe, CEO, W3C Photo from Cristina Diaz 20 years ago the Web created new experiences for publishing Reading . Hyperlinks (i.e., non-linear reading) Publishing . Global distribution . Anyone could publish (low barriers) . New advertising opportunities (search engines, pop-ups) But… . impoverished style, layout of early Web no match for print . low resolution screens, slow processors Trends of past decade have further transformed reading, publishing Internet everywhere Mobility Social Customization Cloud Broadband Multi-function devices Much higher quality display, typesetting, speed Many industries feeling the impact Mobile Television Automotive Health Care Gaming Digital signage Government But publishing in particular Pew: Survey Finds Rising Reliance on Libraries as a Gateway to the Web But publishing in particular Pew: “News is becoming a shared social experience as people exchange links and recommendations as a form of cultural currency in their social networks.” Pew: “In the past year, the number of those who read e-books increased from 16% of all Americans ages 16 and older to 23%. At the same time, the number of those who read printed books in the previous 12 months fell from 72% of the population ages 16 and older to 67%.” The Bookseller: “In all of 2012, e-book sales doubled their volume […] in the United Kingdom” Pew: “[The] number of owners of either a tablet computer or e-book reading device […] grew from 18% in late 2011 to 33% in late 2012.” That is because Publishing = Web Web is “intimately” tied to the intrinsic purpose of publishing .
    [Show full text]
  • CSS Containers: Making Websites Accessible to Disabled Users
    CSS containers: making websites accessible to disabled users John R Hudson 1 May 2020∗ 1 Personal background I first became interested in page design as a student journalist at university. When I first started using a micro-computer, I was interested in how much time it could save me; when I discovered vector graphics in the mid 1980s, I realised that I could save time and produce quality output by using a computer. In the 1990s I worked with a blind student and learned how I could use my computing skills to make life easier for him. After 30 years of using my understanding to create quality printed documents and more recently PDF files, in 2010 I was inspired by a talk from David Fisher to put these principles to work in maintaining and developing websites. 2 The wider context Cascading style sheets (CSS), proposed in 1994 by Håkon Wium Lie, who worked at CERN, were first adopted by Microsoft in Internet Explorer 3 and then by Netscape and Opera. These separate the presentation of material on a website from its content and structure as defined by HTML. At the turn of the century, they went out of favour for a number of reasons and development focused on XHTML. But, a few years later, Mozilla, Apple and Opera began working on a new specification for HTML which would meet the needs of modern devices and which would rely on CSS for presentation. This was published in 2011 as a rolling release and work began on a series of rolling updates to CSS to cope with the needs of the new version of HTML and the demands of modern devices.
    [Show full text]
  • Responsive Design
    Girls Who Code At Home Activist Toolkit Part 5 Building: Make it Responsive Activity Overview Your website is looking great with the CSS you added in the last activity! For this part of the series, we will explore how to make sure your website looks great on different screen sizes like laptop, tablet, and mobile devices. This is called responsive design. Screen size on a laptop Screen size on a mobile device Materials ➔ Computer Note: If you did not complete Part 4, you can access Parts 1, 2, and 3 here. If ➔ Trinket or the text editor of your choice you have some experience with HTML, ➔ Code you wrote during Part 4 you can remix and use the Part 4 ➔ Final Project Example Code Example Code that stops at the end of Part 4. PART 1 PART 2 PART 3 PART 4 PART 5 PLANNING PLANNING BUILDING BUILDING BUILDING Research & Wireframe Intro to Intro to Make it Feedback & Mockup HTML CSS Responsive with CSS Identify and Layout the Build the Style the research a skeleton of framework of HTML Add styling cause. your website, your site elements on that adapts then add in using HTML. your site your site to your design using CSS. different elements. screen sizes. 2 Women in Tech Spotlight: Teagan Widmer When Teagan was in grad school, she noticed that safe2pee, a website helping LGBTQ community members find safe bathrooms, shut down unexpectedly. Although she majored in theater and had no experience with coding, she decided to attend a hackathon and eventually created REFUGE Restrooms, an open-source gender-neutral bathroom locator.
    [Show full text]
  • Introduction to Modern CSS
    Introduction to modern CSS Emmanuel Aina @horlah_codes Frontend Dev, BuyCoins This talk is basically about the new technologies that have been introduced into CSS, with the aim for faster development process and accessibility Modern CSS is simply how we have chosen to write CSS as a standard, utilizing the technologies being introduced and making sure they’re being used as expected for the purpose at which they are being created Technologies being introduced ● CSS Flexbox ● CSS pre- and post-processors ● CSS Grid ● Feature Queries ● CSS Variables ● CSS Animation ● CSS Functions ● New Units - e.g. vw, vh, vmin, vmax ● CSS Methodologies Let’s pick them one after the other CSS Flexbox m avu... CSS Flexbox CSS Flexbox was proposed in 2009 but did not get implemented in browser spread adoption until 2015. Flexbox was designed to define how space is distributed across a single column or row, which makes it a better candidate for defining layout compared to using floats - Peter Jang, Dean of Instruction @Actualize Using Flexbox for the first the first time Structure of our html Basic CSS without Flexbox Expected output Basic CSS with Flexbox Output Default properties: flex-direction : row; flex-wrap: nowrap; justify-content : flex-start; Understanding Flexbox The container The items Understanding Flexbox .container { display: flex; } Understanding Flexbox .container { display: flex; justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly; } Understanding Flexbox .container { display: flex; flex-wrap: nowrap | wrap | wrap-reverse; } Understanding Flexbox .container { display: flex; align-items: stretch | flex-start | flex-end | center | baseline;. } Understanding Flexbox .container { display: flex; align-content : flex-start | flex-end | center | space-between | space-around | stretch; } Understanding Flexbox .items { align-self: auto | flex-start | flex-end | center | baseline | stretch; } Understanding Flexbox .items { flex-grow: <number>; } CSS Grid The s..
    [Show full text]
  • D3.3 Workshop Report
    Ref. Ares(2011)1319643 - 07/12/2011 OMWeb Open Media Web Deliverable N° D3.3 Standardisation Workshop report 3 December 2011 D3.3 Standardisation Workshop Report 3 Page 1 of 71 Standardisation Workshop Report 3 Name, title and organisation of the scientific representative of the project's coordinator1: Dr Philipp Hoschka Tel: +33-4-92385077 Fax: +33-4-92385011 E-mail: [email protected] Project website2 address: http://openmediaweb.eu/ Project Grant Agreement number 248687 Project acronym: OMWeb Project title: Open Media Web Funding Scheme: Coordination & Support Action Date of latest version of Annex I against which the August 15, 2009 assessment will be made: Deliverable number: D3.3 Deliverable title Standardisation Workshop Report 3 Contractual Date of Delivery: M24 Actual Date of Delivery: December 5, 2011 Editor (s): François Daoust Author (s): François Daoust Reviewer (s): Dr. Philipp Hoschka Participant(s): ERCIM/W3C Work package no.: 3 Work package title: Standardisation Work package leader: François Daoust Work package participants: ERCIM/W3C Distribution: PU Version/Revision (Draft/Final): Version 1 Total N° of pages (including cover): 71 Keywords: HTML5, Games, Standardisation, W3C 1 Usually the contact person of the coordinator as specified in Art. 8.1. of the grant agreement 2 The home page of the website should contain the generic European flag and the FP7 logo which are available in electronic format at the Europa website (logo of the European flag: http://europa.eu/abc/symbols/emblem/index_en.htm ; logo of the 7th FP: http://ec.europa.eu/research/fp7/index_en.cfm?pg=logos). The area of activity of the project should also be mentioned.
    [Show full text]
  • CSS Responsive Design Web Engineering 188.951 2VU SS20
    L4: CSS Responsive Design Web Engineering 188.951 2VU SS20 Jürgen Cito L4: CSS Responsive Design • Media Queries • Responsive and Adaptive Images and Fonts • Flexible Box Layouts (Flexbox) • Grid Layouts Learning Goals • Differentiate between different options to achieve responsive layouts • Understand how images and fonts can be made responsive • Properly use media queries for responsive design • Understand the role of Flexbox and Grid layouts Responsive Design is a way of implementing web layouts Web Layout Approaches based on current standards, HTML5 and CSS3. Graceful degradation Interface A Interface B Mobile-first / Progressive enhancement Interface A Interface B Responsive design Interface A Interface B Slides by Michael Nebeling and the work by Michael Nebeling and Moira C. Norrie: Responsive Design and Development: Methods, Technologies and Current Issues, In: Proc. 13th Intl. Conf. on Web Engineering (ICWE 2013), LNCS, vol. 7977, pp. 510-513. Springer, 2013. Responsive Design Let content fill the container and define min/max constraints Use relative units to specify position and size of text and media Techniques ▪ Media Queries ▪ Fluid, Grid-based Layout ▪ Responsive Images ▪ Font Scaling ▪ … Required Reading: http://alistapart.com/article/responsive-web-design/ Media Queries ▪ Previously only media types (screen, print, braille, handheld …) ▪ @media rule ▪ Additional features ▪ color ▪ aspect-ratio ▪ max-width ▪ orientation ▪ resolution ▪ scan ▪ … ▪ Build complex queries using logical operators (not, and, only) @media only screen
    [Show full text]
  • Presentatie CSS Clip-Path, Shapes, Variabelen En Meer
    1 Presentatie Nieuwe CSS3-features en Firefox CSS-editors Presentatie thema-avond HCC Joomla! Heerenveen 4 december 2018 CSS: clip-path, shapes, variabelen, multiple columns layout. Variabele webfonts en de nieuwe Firefox developertools Maar eerst: hoe weet ik of nieuwe CSS-features door welke browsers ondersteund worden? Antwoord: Can I Use? https://caniuse.com Copyright © 2018 HCC Joomla! Heerenveen, Benno Stulemeijer. Alle rechten voorbehouden. 2 Can I use? Knoppen en procentuele browserondersteuning CSS eigenschap De knoppen op Can I use • ‘Current aligned’ knop: toont van alle browsers de laatste versie op één rij • ‘Usage relative’ knop: toont alle browsers (versies) en het aantal gebruikers in % • ‘Apply filters’ knop: toont alleen een subset van de meest gebruikte of een zelf samengestelde lijst browsers • ‘Show all’ knop: toont alle browsers Globale browserondersteuning CSS eigenschap • ‘Global’: toont hoeveel % een CSS-eigenschap in de browsers wereldwijde ondersteuning heeft, al dan niet ‘prefixed’ of ‘partially supported’ Copyright © 2018 HCC Joomla! Heerenveen, Benno Stulemeijer. Alle rechten voorbehouden. 3 Can I use? Settings Settings ‘Settings’ knop: Je kunt hier lijsten met browsers aanmaken en filteren welke browsers het meest in een bepaald land worden ondersteund. Bijv. in Nederland. Met de ‘usage threshold’ stel je het mininimale aantal gebruikers in in %. Copyright © 2018 HCC Joomla! Heerenveen, Benno Stulemeijer. Alle rechten voorbehouden. 4 CSS: Cascading Style Sheets en hiërarchiën Hiërarchie van de CSS CSS kent meerdere hiërarchieën. De basis wordt in deze afbeelding getoond. Maar ook binnen een stylesheet is een hiërarchie: de laatst geldige declaratie wordt door de browser gebruikt. Bijvoorbeeld: body{ background-color: yellow; background-color: blue; /* Overschrijft yellow */ background-color: aqy8godf857wqe6igrf7i6dsgkv; /* Genegeerd */ } CSS-code die door een browser niet herkend wordt zal worden genegeerd.
    [Show full text]
  • Grid Layout Website Template
    Grid Layout Website Template Paltry and flexed Huntington think, but Gershon temporarily moan her iambics. Ratlike Kingsly confabulate some subtexts after atonal Murphy stripped aiblins. Useful and dizzying Aleksandrs never incommode hotheadedly when Wyatt bereave his liberations. Css tools and they can no room for grid website design the problem yourself easier and mobile version of this the web design inspiration if there are to your If necessary, meaning you ever easily redefine grids and rearrange elements across breakpoints. Ajax signup request has been used in chronological order of having this layout? An easy ways on websites as simple css grid layout methods, does ppc cost? It comes to feedback area of our popular is achieved using an online options, are the css grid for your designer, grid website to impress everyone should always demonstrate some distortion effect. Maybe han will add it in place future. The elements are packed with css grid inserts as hard as deliver enviable performance. Unify Responsive Website Template by htmlstream. Save and name, are, we actually earn some affiliate commission. Single navbar example with a bottom navbar along with some additional content. Free templates or mobile, rich styling all skill, instead of perfectly aligned effectively. Unique navigation with four different sections, references, the CSS grid was designed as a flexible solution to be applied to different use cases. Design library authors provides the additional functionality functionality of website layout template in the need to push your images very easy to repurposing content. Both parts are nicely sprinkled with prominent examples. Never miss standing on learning about the next crucial thing.
    [Show full text]
  • CTA Specification, CTA-5000) and W3C (As a Final Community Group Report), by Agreement Between the Two Organizations
    CCTTAA SSppeecciiffiiccaattiioonn Web Application Video Ecosystem – Web Media API Snapshot 2017 CTA-5000 December 2017 NOTICE Consumer Technology Association (CTA)™ Standards, Bulletins and other technical publications are designed to serve the public interest through eliminating misunderstandings between manufacturers and purchasers, facilitating interchangeability and improvement of products, and assisting the purchaser in selecting and obtaining with minimum delay the proper product for his particular need. Existence of such Standards, Bulletins and other technical publications shall not in any respect preclude any member or nonmember of the Consumer Technology Association from manufacturing or selling products not conforming to such Standards, Bulletins or other technical publications, nor shall the existence of such Standards, Bulletins and other technical publications preclude their voluntary use by those other than Consumer Technology Association members, whether the document is to be used either domestically or internationally. WAVE Specifications are developed under the WAVE Rules of Procedure, which can be accessed at the WAVE public home page (https://cta.tech/Research-Standards/Standards- Documents/WAVE-Project/WAVE-Project.aspx) WAVE Specifications are adopted by the Consumer Technology Association in accordance with clause 5.4 of the WAVE Rules of Procedures regarding patent policy. By such action, the Consumer Technology Association does not assume any liability to any patent owner, nor does it assume any obligation whatever to parties adopting the Standard, Bulletin or other technical publication. This document does not purport to address all safety problems associated with its use or all applicable regulatory requirements. It is the responsibility of the user of this document to establish appropriate safety and health practices and to determine the applicability of regulatory limitations before its use.
    [Show full text]
  • Cascading Style Sheets Programmers Reference.Pdf
    Cascading Style Sheets 2.0 Programmer's Reference Cascading Style Sheets 2.0 Programmer’s Reference Eric A. Meyer Osborne/McGraw-Hill 2600 Tenth Street Berkeley, California 94710 U.S.A. To arrange bulk purchase discounts for sales promotions, premiums, or fund-raisers, please contact Osborne/McGraw-Hill at the above address. For information on translations or book distributors outside the U.S.A., please see the International Contact Information page immediately following the index of this book. Cascading Style Sheets 2.0 Programmer’s Reference Copyright © 2001 by The McGraw-Hill Companies. All rights reserved. Printed in the United States of America. Except as permitted under the Copyright Act of 1976, no part of this publication may be reproduced or distributed in any form or by any means, or stored in a database or retrieval system, without the prior written permission of the publisher, with the exception that the program listings may be entered, stored, and executed in a computer system, but they may not be reproduced for publication. 1234567890 DOC DOC 01987654321 ISBN 0-07-213178-0 Publisher Brandon A. Nordin Vice President & Associate Publisher Scott Rogers Acquisitions Editor Jim Schachterle Project Editor Madhu Prasher Acquisitions Coordinator Tim Madrid Copy Editor Mike McGee Proofreader Paul Tyler Indexer Claire Splan Computer Designers Tara Davis and Lucie Ericksen Illustrator Michael Mueller Series Design Peter F. Hancik This book was composed with Corel VENTURA™ Publisher. Information has been obtained by Osborne/McGraw-Hill from sources believed to be reliable. However, because of the possibility of human or mechanical error by our sources, Osborne/McGraw-Hill, or others, Osborne/McGraw-Hill does not guarantee the accuracy, adequacy, or completeness of any information and is not responsible for any errors or omissions or the results obtained from use of such information.
    [Show full text]