Developers seem to be irrationally afraid of CSS, somehow. They try to offload the 'creative work' to 'creative people', like frontend developers or designers. That's unnecessary or even harmful, since you're depriving yourself of essential knowledge.

This repository aims to show you how to get the most results doing the least amount of styling work. You don't even have to do alpha-stuff, like talking about your feelings or holding a coloring pencil.

Besideds a half-decent workstation and any OS, you'll need:

• NPM.
• Gulp.
• Your favorite IDE.

To get the project up and running:

• Clone this project.
• Open your terminal and go to its location (e.g. cd ~/Repository/css-for-programmers).
• Run npm install, which installs all dependencies.
• Run gulp, which will compile everything and deploy it.

Your browser should now open http://localhost:3000/. If it doesn't, point it to that URL.

Open the project in your IDE while the application is running. All source code can be found under the src folder:

• src: contains the markup files (at root level).
• src/scss: contains all stylesheets.

When editing and saving one of the source files, the application will be automatically reloaded in your browser, so you can see your changes immediately.

There is a Browsersync debug assistant available at http://localhost:3001/, which enables you to:

• Outline CSS.
• Add a grid.
• Synchronize with other devices.

And much more.

There is also a Bootstrap test page available at http://localhost:3000/test.html.