Inspired CSS: Styling for a Beautiful Web, Safari Video

Description

In Transcending CSS: The Fine Art Of Web Design (New Riders), renowned designer and author Andy Clarke set the stage for the development of progressive Web site design using XHTML, CSS and other Web-standards technologies. In this new video, Andy follows up on the core principles of transcendent CSS, taking you even further along the path to creating beautiful and accessible Web sites using minimal, semantic markup. In Inspired CSS: Styling for a Beautiful Web, Andy Clarke shows you how to take your design to the next level using typography, microformats, advanced CSS selectors, layout techniques employing floats, positioning, and margins, and CSS3. Throughout the video, Andy demonstrates these concepts using examples from a fictitious Web site he created. Files are included so you can follow along.

Within three hours of instruction, you will discover:

•Proven techniques for creating inspiring designs that use semantic markup and CSS
•The latest advances in Web design, including the emerging CSS3 specification
•Inspiration from leading designers who embrace Web standards in their own work
•Advanced instruction on topics including relative and absolute positioning, attribute selectors and pseudo elements, the multiple column and media query modules in CSS3, and many more
•Mechanisms for binding your style to HTML documents using microformats and CSS selectors

Contents:

Section 1: Introduction
Section 2: Early Inspirational Designs
Section 3: Principles of Transcending CSS
Section 4: Meaningful Markup
Section 5: Microformats
Section 6: Advanced CSS Selectors
Section 7a: CSS Layout Techniques
Floats
Section 7b: CSS Layout Techniques
Margins
Section 7c: CSS Layout Techniques
Relative Positioning
Section 7d: CSS Layout Techniques
Absolute Positioning
Section 8: Typography
Section 9a: CSS3 Introduction
Section 9b: CSS3
Backgrounds and Borders
Section 9c: CSS3
Multiple Columns
Section 9d: CSS3
Media Queries
Section 10: Conclusion

Sample Content

Table of Contents

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.

Updates

Submit Errata