A Pocket Guide to Front-end Style Guides

Style guides, once the exclusive domain of print designers, are now finding their way onto the web. In this pocket guide, you'll learn about the style guides that have been created specifically for websites, and how to make your own.

Designers and developers have taken different approaches to putting together their own web-based style guides. This book highlights the various techniques and the projects that have used them. It's packed with practical tips, whether you're starting from scratch or assembling one for an existing site.

Who should read this book?

This book is aimed at people who build stuff for the web and want to make their own style guides. It's full of techniques, practical advice and examples for both coders and non-coders.

Topics include:

PART 1: WHAT STYLE GUIDES ARE FOR

An introduction to why style guides exist, the different types out there, and where they're useful.

PART 2: THE WEB STYLE GUIDE SPECTRUM

There’s more than one way to build a style guide, so some designers and developers have varied their approaches depending on their own skills and project requirements.

PART 3: STYLE GUIDE INGREDIENTS

Now you've whet your appetite exploring some techniques, you're ready to get cooking. Follow the step-by-step instructions to bake your own style guide.

PART 4: BENEFITS

Find out about the positive side effects of building a style guide, and pre-empt some of the challenges you may face.

PART 5: EXAMPLES AND TOOLS

This final section will introduce you to some existing examples to help inspire you, and a range of tools to help you get started.