Book Image

Mastering PostCSS for Web Design

By : Alex Libby
Book Image

Mastering PostCSS for Web Design

By: Alex Libby

Overview of this book

PostCSS is a tool that has quickly emerged as the future of existing preprocessors such as SASS and Less, mainly because of its power, speed, and ease of use. This comprehensive guide offers in-depth guidance on incorporating cutting-edge styles into your web page and at the same time maintaining the performance and maintainability of your code. The book will show how you can take advantage of PostCSS to simplify the entire process of stylesheet authoring. It covers various techniques to add dynamic and modern styling features to your web pages. As the book progresses, you will learn how to make CSS code more maintainable by taking advantage of the modular architecture of PostCSS. By the end of this book, you would have mastered the art of adding modern CSS effects to web pages by authoring high performing, maintainable stylesheets.
Table of Contents (21 chapters)
Mastering PostCSS for Web Design
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Taking the first steps


When developing a site, developers will nearly always have the opportunity to design and build it from the ground up; we can make decisions regarding the color scheme to use, the structure of the site, and its general appearance.

Sometimes, though, there will be occasions when we want to use a new technology, but have to use an existing site. A question on the minds of many in this position will likely be: where does one start? It will, of course, depend on many factors, of which one is likely to be whether existing processors such as SASS or Less are being used on the site.

The flexibility and power of PostCSS allows us to transition easily from the likes of Less or SASS to using PostCSS—throughout this chapter, we're going to go on a journey to explore some of the tricks we can use to begin that transition process. We'll explore some of the plugin options available, then finish with a look at converting a CMS system such as WordPress to using PostCSS.

Note

Any reason...