pretag syntax-highlighted with a light theme, in order to differentiate between the two in a clear manner.
Screenshots can work well when done right, even when displaying text; like code-snippets. Adept them, have arrows with additional explaining text next to it. Craft them well and you can get something like this which gets it’s point across in an hands-on manner: considering this complicated matter.
Combining a colorscheme’s dark– and light version
But even when working with screenshots of code-snippets, one can mix it up with plain text in
This line tells [npm](http://npmjs.com) to install both `gulp` and `gulp-sass` packages as development dependencies. You can now find them in the `devDependencies` object of your `package.json`. And the `Gulpfile.js`:
$ npm install gulp gulp-sass --save-dev
var gulp = require('gulp'); var sass = require('gulp-sass');
This is not difficult to achieve with Prism syntax-hightlighter combined with Sass-variables for colors.
This article was also published on Codepen