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

Summary


A key part of PostCSS is exploring the ever-increasing array of plugins available for the PostCSS ecosystem; in some respects, it can be likened to a journey of discovery. This is no different for single plugins, or those available within packs—we've already seen that many of these packs are made up of the same plugins that are available individually! Let's take a moment to review what we've learnt.

We kicked off our journey with a look at working with plugins that can help save time with writing—these can either be those that allow us to write in shorthand, or those that add missing styles, based on styles we specify in code. These also included some plugins that help provide fallback support for older browsers.

We then moved onto working with the postcss-short plugin, as an example of how we can reduce development time, before moving on to explore the Rucksack suite of plugins that can help add some of the missing elements we may need to use in CSS. To explore how Rucksack works...