RCC 2.0 - Basscss via gulp postcss cssnext
This release represents a major upgrade to my process and site.
- Using npm and gulp, to develop, and am keeping that whole source tree in
src
in the project folder. It allows the css and js to be separated into modules, and then it automatically bundles and minifies them. - The Hugo templates then reference the bundled css and js to get the bulk of the styling and scripts, with a couple exceptions (like with jquery and prism) for modules that seem to need to be loaded separately.
- The css is built on top of "basscss", an excellent library. It allows you to have consistency in your basic styles.
- Type face is switched from Alegreya (which I still love) to Calluna family & Freight Sans, served by Adobe Typekit. See the Adobe Auto-generated Colophon for more info.
- Custom styles for typography are added using Adobe's recommendations, some techniques from http://webtypography.net and, some css from "typeplate".
Thanks
- @jaydenseric for "barebones" which helped me modernize my front-end dev workflow.
- @ai, @ben-eb, @MoOx and many others for the massive and important work on "postcss", "postcss-cssnext", "cssnano" and other various modules, helping me to use the latest css, and get that transformed and bundled, ready for production.
- @jxnblk for the wonderful "basscss", a "lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability."
- And of course thanks to @spf13 and @bep for the great work on Hugo, the best SSG. 👍