Preface
[ x ]
Chapter 2, Creating Variables and Mixins, takes a look at some of the basic concepts that
are familiar to users of existing processor technologies, such as variables and mixins.
You will learn how to transition them to PostCSS and discover how the benets of
using these techniques can transition through to using PostCSS.
Chapter 3, Nesting Rules, explores how existing processors, such as SASS or less, take
advantage of concepts such as nesting to reduce the amount of code we need to write
and how we can replicate the same functionality within our PostCSS processor.
Chapter 4, Building Media Queries, walks us through the basics of adding responsive
support to websites using PostCSS and media queries. You'll learn how to retrot
support for older websites and browsers, and explore how we can take things further
with the advent of CSS4 media queries and provide support today within PostCSS.
Chapter 5, Managing Colors, Images, and Fonts, examines the plugins available for
handling and manipulating images, colors, and fonts within PostCSS. We will
work through a number of examples to illustrate how both images and colors can
be manipulated within PostCSS, such as creating image sprites or altering colors
using palettes within the system.
Chapter 6, Creating Grids, takes us on a journey through constructing the skeleton
of a website using grids—we will explore the basic concept behind using grids and
discover some of the plugin options available for creating them within PostCSS.
We will work through some examples using the Bourbon Neat grid system, before
replicating the examples with PostCSS-equivalent plugins and adding responsive
capabilities to the resulting code.
Chapter 7, Animating Elements, begins with a quick recap of using JavaScript to
animate content, before switching to using CSS for animation, and how you can
transition through to using PostCSS. We will explore using some of the more
well-known libraries, such as Animate.css, before creating a quick demo using
PostCSS and learning how to optimize our animations using PostCSS.
Chapter 8, Creating PostCSS Plugins, teaches us how plugins can be used to extend
PostCSS, and takes us through a journey of exploring the typical architecture of such
a plugin. You will then take a look at some example plugins before working through
creating your own plugins using the boilerplate code available and before testing
and making the plugins available for download by users from the Internet.
Chapter 9, Working with Shortcuts, Fallbacks, and Packs, starts by examining some of
the shortcut plugins and packs available before exploring how we can supplement
them with creating our own shortcut plugins. You will also discover how you can
lint and optimize your code using one of the plugin packs available for PostCSS
and learn how to provide fall-backs to PostCSS code to help maintain support for
older browsers.