Mastering PostCSS for Web Design by Alex Libby

By Alex Libby

Key Features

  • Incorporate state of the art types on your web content with PostCSS
  • Simplify the method of writing CSS to an exceptional quantity utilizing PostCSS shortcuts, fallbacks, and pack plugins
  • This in-depth, step by step advisor can assist you grasp PostCSS, to create striking and responsive internet designs

Book Description

PostCSS is a device that has fast emerged because the way forward for latest preprocessors resembling SASS and not more, mostly due to its energy, velocity, and straightforwardness of use. This finished consultant deals in-depth tips on incorporating state of the art kinds into your website and even as retaining the functionality and maintainability of your code.

The booklet will express how one can make the most of PostCSS to simplify the complete strategy of stylesheet authoring. It covers a variety of options so as to add dynamic and glossy styling good points on your web content. because the e-book progresses, you are going to easy methods to make CSS code extra maintainable through profiting from the modular structure of PostCSS. by means of the top of this e-book, you'll have mastered the paintings of including sleek CSS results to web content by means of authoring excessive acting, maintainable stylesheets.

What you'll learn

  • Add mixin and variable aid to PostCSS in addition to conditional support
  • Explore the various methods of nesting code similar to BEM and conventional nesting inside of PostCSS
  • Optimize media queries equipped with PostCSS to get the easiest performance
  • Add dynamic styling components similar to pictures, fonts, grids, and SVG and retina aid utilizing present preprocessors in addition to PostCSS
  • Get acquainted with utilizing plugins, and expand PostCSS with the API
  • Build an absolutely operating customized preprocessor and attempt it on varied websites akin to WordPress
  • Write a customized syntax in PostCSS whereas nonetheless utilizing pre-built syntaxes reminiscent of much less, SASS, or Stylus
  • Provide help for destiny CSS reminiscent of CSS4 utilizing present CSS3 classes

About the Author

Alex Libby's heritage is in IT support―he has been fascinated by aiding finish clients for nearly twenty years in quite a few assorted environments; a up to date switch in function now sees Alex operating as an MVT try out developer for a world distributor dependent within the united kingdom. even supposing Alex will get to play with diversified applied sciences in his day activity, his first real love has regularly been the open resource circulate, and particularly, experimenting with CSS/CSS3, jQuery, and HTML5. to this point, Alex has written 10 books on topics resembling jQuery, HTML5 video, SASS, and CSS for Packt and has reviewed numerous more―Mastering PostCSS website design is Alex's 11th publication for Packt.

Table of Contents

  1. Introducing PostCSS
  2. Creating Variables and Mixins
  3. Nesting Rules
  4. Building Media Queries
  5. Managing colours, photographs, and Fonts
  6. Creating Grids
  7. Animating Elements
  8. Creating PostCSS Plugins
  9. Working with Shortcuts, Fallbacks, and Packs
  10. Building a customized Processor
  11. Manipulating customized Syntaxes
  12. Mixing Preprocessors
  13. Troubleshooting PostCSS Issues
  14. Preparing for the Future

Show description

Read Online or Download Mastering PostCSS for Web Design PDF

Best web-design books

Drupal 7: Visual QuickStart Guide

Visible QuickStart publications, designed in an enticing educational and reference structure, are the fastest, least difficult, and such a lot thorough approach to research purposes, initiatives, and applied sciences. The visible QuickStart courses are a sensible selection and advisor the learner in a pleasant and respectful tone. Visually awarded with copious screenshots, the concentrated discussions by means of subject and initiatives make studying a breeze and speedy take you to precisely what you need to research.

iPhone and iPad Web Design For Dummies

A full-color consultant to designing state-of-the-art websites for the iPhone, iPad, and iPod contact! Apple’s touchscreen units have created all over the world techno-lust, conjuring a record-breaking marketplace out of skinny air. iPads, iPhones, and iPods are so trendy that they outsell some other gadget of their different types.

Extra resources for Mastering PostCSS for Web Design

Example text

The answer is, they are all compilers, source to source compiling, or transpilers (to give them their official name), that have been around since the 1980s. They have appeared in many different formats, with Digital Research's XLT86 being one of the earliest versions, dating from 1981. More recently, the well-known SASS processor arrived in 2006; this was followed by Less, created by Alexis Sellier in 2009. Both work in a similar fashion: they take a set of rules and compile it into valid CSS. We can extend CSS with all manner of features, such as variables, mixins, functions, and more.

I would also particularly like to thank Andrey Sitnik for his work in producing PostCSS and being really helpful and patient in answering questions about some of its more complex parts. My grateful thanks also to Ernie Salazar from NPM, who helped with issues with publishing the plugins created for this book, and David Clark for his assistance with getting me back on track with the postcss-bem-linter plugin, also used in the book. Thank you all—I couldn't have finished the book without your help!

I would like to thank my family and friends for their support throughout the process and the reviewers for their valued comments; this book wouldn't be what it is without them! I would also particularly like to thank Andrey Sitnik for his work in producing PostCSS and being really helpful and patient in answering questions about some of its more complex parts. My grateful thanks also to Ernie Salazar from NPM, who helped with issues with publishing the plugins created for this book, and David Clark for his assistance with getting me back on track with the postcss-bem-linter plugin, also used in the book.

Download PDF sample

Rated 4.28 of 5 – based on 4 votes