david-j-davis

david-j-davis

#  ---------------------------------------------------------------------------
#
#  Description:  This file holds all my BASH configurations and aliases
#
#  Sections:
#  1.   Environment Configuration
#  2.   Make Terminal Better (remapping defaults and adding functionality)
#  3.   File and Folder Management
#  4.   Searching
#  5.   Process Management

david-j-davis

var express = require('express');
var app = express();
var port = process.env.PORT || 3000;

app.use(express.static(__dirname + '/public'));

app.listen(port, function (err) {
  if (err) {
    throw err;
  }

david-j-davis

/*!
 * gulp
 * $ npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev
 */

// Load plugins
var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),

david-j-davis

var gulp = require('gulp'),
    browserSync = require('browser-sync').create(),
    sass = require('gulp-sass'),
    cleanCSS = require('gulp-clean-css'),
    postcss = require('gulp-postcss'),
    prefix = require('autoprefixer'),
    concat = require('gulp-concat'),
    gulpIf = require('gulp-if'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),

david-j-davis

Using Casper.js

What is Casper?

It's a headless testing tool. Description taken from: https://www.npmjs.com/package/casperjs CasperJS is a navigation scripting & testing utility for PhantomJS and SlimerJS (still experimental). It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar for doing common tasks such as:

1. defining & ordering navigation steps
2. filling forms
3. clicking links
4. capturing screenshots of a page (or an area)
5. making assertions on remote DOM

david-j-davis

var svgSprite = require('gulp-svg-sprite');

gulp.task('svg-sprite', function () {
  console.log('Creating svg sprite...');
  // Basic configuration example
  var config = {
  	mode: {
  		css: {	
        dest: '.',
        sprite: './img/sprite.svg',

david-j-davis

var spritesmith = require('gulp.spritesmith'),
    gm = require('gm');

gulp.task('sprite', function () {
    console.log('Creating sprite(s)...');
    var spriteData = gulp.src('./path/to/your/image/sprites/*.png')
        .pipe(spritesmith({
            // Filter out `-2x` (retina) images to separate spritesheet
            //   e.g. `github-2x.png`, `twitter-2x.png`
            retinaSrcFilter: './path/to/your/image/sprites/*@2x.png',

david-j-davis

var retinize = require('gulp-retinize');

gulp.task('retiniizing', function(file) {
  /* NOTE: Retinize accepts @4x and @2x resolutions, outputting to @4x, @2x, and @1x.
  Overrides may be implemented by manually creating lower resolution copies in the source directory. */
  const retinizeOpts = {
      // Your options here.
  };

  console.log('Retinizing images...');

david-j-davis

Contract Killer

The popular open-source contract for web professionals by Stuff & Nonsense

• Originally published: 23rd December 2008
• Revised date: March 15th 2016
• Original post

---