The Art & Science of CSS
Adams (Cameron), Bolton (Jina), Johnson (David), Smith (Steve) & Snook (Jonathan)
This Page provides (where held) the Abstract of the above Book and those of all the Papers contained in it.
Colour-ConventionsDisclaimerNotes Citing this Book


Who Should Read This Book

  1. This book is ideal for anyone who wants to gain the practical skills involved in using CSS to make attractive web sites, especially if you’re not the type who likes to learn by memorizing a formal specification and then trying to work out which browsers implemented it completely (does anyone enjoy reading specifications?). The only knowledge you’ll need to have is some familiarity with HTML. This book will give designers the skills they need to implement their ideas, and provides developers with creative inspiration through practical examples.

    Preface – viii
  1. Headings – 1
    … Hierarchy – 2
    … Identity – 4
    … Image Replacement – 7
    … Flash Replacement – 12
    … Summary – 21
  2. Images – 23
    … Image Galleries – 24
    … Contextual Images – 47
    … Further Resources – 64
    … Summary – 65
  3. Backgrounds – 66
    … Background Basics – 67
    … Case Study: Deadwood Design – 69
    … The Future of Backgrounds – 83
    … Summary – 85
  4. Navigation – 86
    … The Markup – 87
    … Basic Vertical Navigation – 88
    … Basic Horizontal Navigation – 95
    … Tabbed Navigation – 98
    … Variable-width Tabs – 102
    … Advanced Horizontal Navigation – 108
    … Summary – 116
  5. Forms – 117
    … Accessible Form Markup – 118
    … Form Layout – 121
    … Required Fields and Error Messages – 147
    … Summary – 152
  6. Rounded Corners – 154
    … Flexibility – 155
    … Experimenting with these Techniques – 179
    … Summary – 179
  7. Tables – 181
    … The Structure – 182
    … The Styling – 191
    … Table Elements in Action – 196
    … Using JavaScript – 202
    … The Future – 206
    … Summary – 208


pdf file from SitePoint; See Link; First Edition, March 2007

"Adams (Cameron), Bolton (Jina), Johnson (David), Smith (Steve) & Snook (Jonathan) - The Art & Science of CSS"

Source: Adams (Cameron), Etc. - The Art & Science of CSS

  1. In the early days of CSS, many web designers associated it with boring, square boxes and thin borders. “CSS is ugly!” they would cry. It took projects such as CSS Edge and CSS Zen Garden to show the web design world that not only could CSS designs achieve the same aesthetic qualities of their table-based ancestors, but, furthermore, that new and interesting design possibilities were available. Not to mention how much more maintainable the markup is — imagine how very, very happy you’ll be if you never again have to stare down the barrel of another day’s worth of table hacking!
  2. Each chapter of this book will teach you how to style common web site components through practical examples. Along the way, you’ll learn many handy techniques for bringing complex designs to life in all modern browsers without needing to resort to messy hacks or superfluous presentational markup. Neither accessibility nor markup quality should be sacrificed to make tricky designs easier to achieve, so the exercises you’ll find in this book all use examples of best practice XHTML and CSS. Each chapter progressively builds upon the skills you’ll have acquired in previous exercises, giving you a practical toolkit of skills with which to express your own creative ideas.

What’s in This Book
  1. This book contains seven chapters that engage with the fundamental elements of the web page — headings, images, backgrounds, navigation — as well as applied styles such as those used in forms, rounded corners for content boxes, and tables. CSS is inherent in the approaches we’ll use in the exercises presented here. These exercises will encourage you to address the questions of art and science in all the design choices you make, as a means to create designs that are as beautiful as they are functional. Throughout the book, therefore, considerations of usability are always paramount — both in terms of users of mainstream browsers and those employing assistive technology.
  2. Chapter 1: Headings – Cameron Adams
    Simultaneously conveying the content and the identity of your site, headings are truly the attention-grabbers of your web page. With only a handful of fonts being available across all browsers, CSS can help you style headings that stand out from the crowd. In this chapter, Cameron Adams will show you how to use image and Flash replacement to gain unlimited creativity in designing headings, while retaining the page’s accessibility across all browsers.
  3. Chapter 2: Images – Jina Bolton
    Images are the windows to your web page’s soul. Jina Bolton will teach you stunning ways to display your images as she walks you through a number of attractive examples. You’ll learn to create a photo album, as well as to successfully place introductory and in-content images within your pages. The techniques of applying borders, padding, typography, and colors to best present your work are covered in detail in this chapter. You’ll also discover effective ways to style those all-important captions.
  4. Chapter 3: Backgrounds – David Johnson
    You’ve probably already found that CSS has significantly affected the way you use web page backgrounds. Here, David Johnson will explain the properties you’ll use on a daily basis to transfer your design visions into light-weight markup and CSS. You’ll then work through a case study for a fictional project, in which you’ll create a great-looking design that’s well supported by all modern browsers. Finally, we’ll look to the future to predict the new background capabilities that CSS 3 will bring!
  5. Chapter 4: Navigation – Steve Smith
    Navigation is crucial to your users’ experience of your web site. Steve Smith will reveal the secrets of successful navigation through a case study involving a fictional design client. You’ll build both basic and advanced applications of the main navigation styles in use today, including horizontal, vertical, and tabbed navigation menus, and discover how you can use CSS styling to make your navigation both beautiful and usable.
  6. Chapter 5: Forms – Cameron Adams
    Forms are the quiet achievers of the web page. In this chapter, Cameron Adams will help you ensure that your forms are available to all users — even those employing assistive technology. You’ll learn how to create an attractive form that will allow for the correct and effective labeling, grouping, layout, and styling of your form elements. Forms needn’t be just a tedious necessity — as you’ll learn in this chapter, they can be presented in a way that enhances your site’s overall impact.
  7. Chapter 6: Rounded Corners – Steve Smith
    Those sharp corners on HTML content boxes have been the bane of many a web designer’s life for years. But CSS has changed all that, as Steve Smith explains. Flexibility is the key — horizontal, vertical, or even a combination of both forms—to creating rounded corners for your boxes with some straightforward styling. The achievement of rounded corners does hold traps for the unwary, including unsympathetic browsers, but you’ll find that taking the few small precautions detailed here will help you to avoid them.
  8. Chapter 7: Tables – Jonathan Snook
    Tables have gained a new lease of life in the CSS era — while they’ve finally been freed from misuse as a layout element, they retain enormous potential as presenters of data. Jonathan Snook will demonstrate how you can use CSS to create exciting, colorful tables, which will work successfully across browsers. You’ll also be invited to envision the future, in which the advent of the wide use of CSS 3 will create even more scope for creative tables.

Text Colour Conventions (see disclaimer)
  1. Blue: Text by me; © Theo Todman, 2019
  2. Mauve: Text by correspondent(s) or other author(s); © the author(s)

© Theo Todman, June 2007 - Jan 2019. Please address any comments on this page to File output:
Website Maintenance Dashboard
Return to Top of this Page Return to Theo Todman's Philosophy Page Return to Theo Todman's Home Page