Transcending CSS The Fine Art of Web Design

  • ISBN13:


  • ISBN10:


  • Edition: 1st
  • Format: Paperback
  • Copyright: 2006-11-15
  • Publisher: New Riders

Note: Supplemental materials are not guaranteed with Rental or Used book purchases.

Purchase Benefits

  • Free Shipping On Orders Over $35!
    Your order must be $35 or more to qualify for free economy shipping. Bulk sales, PO's, Marketplace items, eBooks and apparel do not qualify for this offer.
  • Get Rewarded for Ordering Your Textbooks! Enroll Now
  • eCampus.com Device Compatibility Matrix

    Click the device icon to install or view instructions

    Apple iOS | iPad, iPhone, iPod
    Android Devices | Android Tables & Phones OS 2.2 or higher | *Kindle Fire
    Windows 10 / 8 / 7 / Vista / XP
    Mac OS X | **iMac / Macbook
    Enjoy offline reading with these devices
    Apple Devices
    Android Devices
    Windows Devices
    Mac Devices
    iPad, iPhone, iPod
    Our reader is compatible
    Android 2.2 +
    Our reader is compatible
    Kindle Fire
    Our reader is compatible
    10 / 8 / 7 / Vista / XP
    Our reader is compatible
    Our reader is compatible
List Price: $54.99 Save up to $29.69
  • Rent Book $35.74
    Add to Cart Free Shipping


Supplemental Materials

What is included with this book?

  • The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.


As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creatingWeb sites is also changing. Few Web designers are experiences programmers, and as a result, working with semantic markup and CSScan create roadblocks to achieving truly beautiful designs using all the resources available. Add to this the pressures of presenting exceptional design to clients and employers, without compromising efficient workflow, and the challenge deepens for those working in a fast-paced environment. As someone who understands these complexities firsthand, author and designer Andy Clarke offers visual designers a progressive approach to creating artistic, usable, and accessible sites using transcendent CSS. In this groundbreaking book, yours"ll discover how to implement highly original designs through visual demonstrations of the creative possibilities using markup and CSS. Yours"ll learn to use a new design workflow, build prototypes that work well for designers and all team members, use grids effectively, visualize markup, and discover every phase of the transcendent design process, from working with the latest browsers to incorporating CSS3 to collaborating with team members effectively. Transcending CSS: The Fine Art of Web Design: Uses a visual approach to help you learn coding techniques Includes numerous examples of world-class Web sites, photography, and other inspirations that give designers ideas for visualizing their code Offers early previews of technical advances in new Web browsers and of the emerging CSS3 specification

Author Biography

Andy Clarke is an internationally known speaker, designer, and consultant focusing on creative, accessible Web development. Andy is passionate about design and passionate about Web standards, bridging the gap between design and code. He regularly trains designers and developers in the creative applications of Web standards. Andy has written articles for A List Apart Magazine and contributed to the CSS Zen Garden. Outside of his studio, Andy is a member of the Web Standards Project.

Author, instructor, and Web designer Molly E. Holzschlag has written over 30 books on Web design and development. She’s been coined "one of the greatest digerati" and deemed one of the Top 25 Most Influential Women on the Web. Molly is also Group Lead of Web Standards Project and frequent lecturer on Web design and development around the world.

Table of Contents

Discoveryp. 3
Introducing Transcendent CSSp. 5
Which tools do you need to get started?p. 5
Why do you need Transcendent CSS?p. 6
Expanding the creative possibilitiesp. 10
Accessibility is design, not a featurep. 12
Moving toward Transcendent CSSp. 16
The Principles of Transcendent CSSp. 23
Not all browsers see the same designp. 25
Use all available CSS selectorsp. 25
Use CSS3 where possible to look to the futurep. 30
Use JavaScript and the DOM to plug the holes in CSSp. 30
Avoid using hacks and filtersp. 31
Use semantic naming conventions and microformatsp. 33
Share your ideas, and collaborate with othersp. 41
What Makes Transcendent CSS Possible Now?p. 47
Unexpected uses for CSSp. 49
Graded browser supportp. 51
Discovery, process, inspiration, and transcendencep. 53
Designing from the Content Outp. 55
The content-out approachp. 57
A typycal, nonoptimized CSS layoutp. 59
Optimize the content order with or without stylesp. 60
Semantics Is Meaningp. 65
CSS Naked Dayp. 65
Translating meaning into markup: The Markup Is Rightp. 66
What does the content tell you?p. 76
Moving meaningfully alongp. 76
Marking Up the Worldp. 79
All the world's a list; every item must play its partp. 79
Lists as far as the eye can seep. 82
Send me an hCard from San Franciscop. 86
Learning to keep your eyes wide openp. 88
Working from the "contents"p. 88
Time to Process What You Have Learnedp. 97
Processp. 99
Searching for a Perfect Workflowp. 101
Looking for a better wayp. 101
Following a content-based processp. 103
Gathering Your Contentp. 107
Working with Wireframesp. 109
Where traditional wireframes failp. 111
Traditional wireframes and interactionp. 113
Improving the Approach with the Grey Box Methodp. 117
Using symbols to add greater detailp. 119
Creating Static Designsp. 121
Moving faster through the design workflowp. 121
Adding markup guides to static designsp. 122
Using Interactive Prototypesp. 125
Interactive prototypes make it realp. 125
Creating reusable codep. 127
Model behavior for wireframes and prototypesp. 127
WYSIWYG: What you see, or short-sighted?p. 128
Following Best Practices for Interactive Prototypingp. 131
Choosing a development browserp. 131
Using browser extensionsp. 131
Keeping your [left angle bracket]div[right angle bracket] elements to a minimump. 134
Ensuring your markup stays validp. 134
Choosing positioning over floatsp. 134
Organizing your CSSp. 136
Practicing the Processp. 141
Writing content-out markupp. 142
Implementing the static design with CSSp. 158
Building your layoutp. 158
Working from the bodyp. 159
Basic color stylesp. 166
Building brand and adding the logop. 167
Styling the navigation and the footerp. 169
Understanding elements of typographical stylep. 176
Putting It All Togetherp. 179
Inspirationp. 181
Introducing Grid-Based Designp. 183
The designer and the gridp. 185
The divine proportion and the rule of thirdsp. 187
Fully flexible layoutsp. 197
Rational grid designp. 198
Grids in Contemporary Web Designp. 201
Subtractionp. 201
Airbag Industriesp. 204
Jeff Croftp. 206
Veerle's Blogp. 208
Looking for Grids Outside the Webp. 211
Learning from the daily paperp. 21
Using eight- and six-column designsp. 213
Using alternative newspaper layoutsp. 221
Bringing New Grids to Web Designp. 225
Leading with the gridp. 226
Exposing dirty little secretsp. 229
Engaging, in news manipulationp. 229
Keeping you in the picturep. 230
Finding Inspiration in Unexpected Placesp. 233
Doing a homepage makeoverp. 233
Introducing mood boardsp. 236
Keeping a design scrapbookp. 238
Looking at magazines for interface inspirationp. 243
Getting typography inspirationp. 243
Reexamining Flash designp. 247
Working with images and photosp. 248
Fine Art Activitiesp. 255
Designing is more than creating attractive visualsp. 255
Taking the focus off technologyp. 256
Enhancing the moodp. 259
Looking for a different perspectivep. 261
Scrapbooking with a goal in mindp. 265
The Fine Art of Web Designp. 267
Transcendencep. 271
Transcendent CSSp. 273
Absolute positioningp. 274
Relative positioningp. 274
Creative floatingp. 287
Making a sidebarp. 298
Combining techniquesp. 301
CSS3 (Third Time Lucky)p. 313
The sum of its partsp. 313
Getting involved in making new standardsp. 315
Back to the futurep. 316
Designing with the CSS3 Selectors Modulep. 316
Improving readability with zebra stridesp. 317
Designing with the Backgrounds and Borders Modulep. 320
Designing with multiple background imagesp. 325
Designing multicolumn layoutsp. 335
Designing with the Multi-column Layout Modulep. 341
Advanced Layoutp. 345
Back to the gridp. 346
Designing with the Advanced Layout Modulep. 351
Concluding Remarksp. 359
Creditsp. 360
Indexp. 362
Table of Contents provided by Ingram. All Rights Reserved.

Rewards Program

Write a Review