pxdsgnco

Create a bootable installer for macOS

The following instructions were predominantly sourced via this Apple Support Document.

With macOS, you can use a USB flash drive or other removable media as a startup disk from which to install macOS. These advanced steps are intended primarly for system administrators and others who are familiar with the command line.

The final executable command(s) are found within Section III. Final macOS Executable Commands labled as Full Example or Full Example w/Options. I personally use the w/Options command which include both the --nointeraction and &&say Installation commands.

I. Overview

pxdsgnco

Deploying WordPress Theme via Git

I needed to deploy a child theme to a server for folks to check out the development. I went with a git remote to get the good stuff from git to quickly recover if (when) I break something.

Server Setup

On the server, I created a new directory:

$ sudo mkdir -p /var/repos/theme_name.git

pxdsgnco

// Include gulp
var gulp = require('gulp'); 

// Include Our Plugins
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var autoprefixer = require('gulp-autoprefixer');
var minifycss = require('gulp-minify-css');

pxdsgnco

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  

pxdsgnco

    {% paginate collection.products by 20 %}
    <!-- the top of your collections.liquid -->
    
    <!-- START PRODUCTS -->
    {% for product in collection.products %}
    	    <!-- START PRODUCT {{ forloop.index | plus:paginate.current_offset }} -->
    	    <div class="product" id="product-{{ forloop.index | plus:paginate.current_offset }}">
                {% include 'product' with product %}
            </div> 
    	    <!-- END PRODUCT {{ forloop.index | plus:paginate.current_offset }} -->

pxdsgnco

Using Git to Manage a Live Web Site

###Overview

As a freelancer, I build a lot of web sites. That's a lot of code changes to track. Thankfully, a Git-enabled workflow with proper branching makes short work of project tracking. I can easily see development features in branches as well as a snapshot of the sites' production code. A nice addition to that workflow is that ability to use Git to push updates to any of the various sites I work on while committing changes.

####Contents

• Prerequisites
• Getting Started

pxdsgnco

#!/usr/bin/env bash

#styles
VP_NONE='\033[00m'
VP_RED='\033[01;31m'
VP_GREEN='\033[01;32m'
VP_YELLOW='\033[01;33m'
VP_PURPLE='\033[01;35m'
VP_CYAN='\033[01;36m'
VP_WHITE='\033[01;37m'

pxdsgnco

#!/usr/bin/env bash

#styles
VP_NONE='\033[00m'
VP_RED='\033[01;31m'
VP_GREEN='\033[01;32m'
VP_YELLOW='\033[01;33m'
VP_PURPLE='\033[01;35m'
VP_CYAN='\033[01;36m'
VP_WHITE='\033[01;37m'

pxdsgnco

/*

    Before using make sure you have:
    npm install --save-dev gulp gulp-minify-css gulp-concat gulp-uglify gulp-autoprefixer gulp-sass

    Make sure to change the directory names in the default watch function to the CSS/SCSS/SASS directories you are using so it reloads
 */
var gulp = require('gulp'),
    minifyCSS = require('gulp-minify-css'),
    concat = require('gulp-concat')

pxdsgnco

(assuming project is hosted on GitLab)

1. Enable shared runners by going to "Settings" > "Runners".
2. Add .gitlab-ci.yml with the following content:

image: node:6.9.1
pages: 
  artifacts: 
paths: