Join Ray Villalobos for an in-depth discussion in this video Using Node.js npm with package.json, part of Responsive CSS with Sass and Compass.
Now creating a basic folder structure, is only…one of several steps to a modern work flow.…I'm going to be using grunt.js to manage my work flow,…and grunt requires that you have Node.js installed on your machine.…Now, first you can check to see if you already have it installed.…So, I'm on a Mac and I can just type Node minus…V, and that tells me that I have a version of this installed.…If you don't have it installed, then you'll…need to go to Nodejs website, and just click on this Install link right here.…It'll download an installer that you'll need to go…through in order to get this working on your machine.…
If you need some additional help, we've got a…course in the library that walks you through the installation…procedure on the Mac, on the PC, and also…through a package manager, which you can use for Linux.…Now, when you install Node, you'll also get a really cool utility called NPM.…Which stands for Node Package Manager.…NPM is going to let you install plugins for…Node into your system with a single command.…
Need a refresher on Sass? Check out CSS with LESS and Sass with Joe Marini.
- What are Sass and Compass?
- Adding version control
- Setting up a workflow with Grunt.js
- Modularizing your Sass with partials
- Creating a color palette with variables
- Using Compass mixins
- Creating a mobile-first layout
- Creating media-query breakpoints with Susy
- Designing a responsive grid with Susy