As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creating Web sites is also changing. Few Web designers are experiences programmers, and as a result, working with semantic markup and CSS can 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, you’ll discover how to implement highly original designs through visual demonstrations of the creative possibilities using markup and CSS. You’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 codeOffers early previews of technical advances in new Web browsers and of the emerging CSS3 specification
Chapter One: Designing on a Moving Surface
In this chapter, the focus is on expressing current challenges faced by visual designers and the contemporary solutions they can rely on to:
* Better understand the designer's role within the Web team
* Find inspiration outside of contemporary software and technology approaches
* Reinvigorate passion for design by understanding that the Web medium is different than print
Chapter Two: Visualizing Code
Here, the designer won't learn to write code, rather experience through existing visual designs how code can be represented. This is done using 3d emulations of code structures, and using markup guides to create structural models.
* Visualizing general structures in contemporary Web design
* Working with navigation design
* Creating common interface elements
* Designing visual tables
* Artful forms
Chapter Three: Design Workflow
Building on the more elemental techniques described in Chapter Two, the designer will learn how to create visual maps of a site using markup guides, building wireframes, creating sprites and maximizing the workflow process with a balance of both traditional and progressive techniques. Readers will learn:
* How to create markup guides
* Why and how to build effective wireframes
* Creating and using sprites to increase workflow productivity
Chapter Four: Progressive Enhancement
Now that the designer is thinking about Web design in a visual manner, he or she is ready to progress beyond the conventional needs of an agency or company. This chapter provides inspiration for going beyond the limitations of contemporary Web browsers and the desktop, and encourages designers to constantly seek new ways of expressing design without the constraints of technology.
Appendix I: Recommended resources for continued success
While many books have a resource guide, most of them list resources by technical topic. This appendix will include hand-picked, annotated resources of specific interest to the visual designer.