Skip to content

Instantly share code, notes, and snippets.

View pxdsgnco's full-sized avatar

'Dedoyin Kassem pxdsgnco

View GitHub Profile
@pxdsgnco
pxdsgnco / createinstallmedia.md
Created June 25, 2022 17:06 — forked from windyinsc/createinstallmedia.md
Create a bootable installer for macOS

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
pxdsgnco / wordpress_theme_deploy.md
Created May 27, 2021 10:34 — forked from waynegraham/wordpress_theme_deploy.md
Deploy wordpress theme via git

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
pxdsgnco / gulpfile.js
Created March 23, 2021 11:15 — forked from darylldoyle/gulpfile.js
Default Gulpfile
// 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
pxdsgnco / gulpfile-min.js
Created March 23, 2021 11:06
Minimal gulpfile
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync').create();
//compile scss into css
function style() {
return gulp.src('src/scss/**/*.scss')
.pipe(sass().on('error',sass.logError))
.pipe(gulp.dest('src/css'))
.pipe(browserSync.stream());
@pxdsgnco
pxdsgnco / gulpfile.js
Created March 23, 2021 10:46
Default gulpfile
var gulp = require("gulp"),
sass = require("gulp-sass"),
postcss = require("gulp-postcss"),
autoprefixer = require("autoprefixer"),
cssnano = require("cssnano"),
htmlmin = require("gulp-htmlmin"),
imagemin = require("gulp-imagemin"),
cache = require("gulp-cache"),
sourcemaps = require("gulp-sourcemaps");
@pxdsgnco
pxdsgnco / media-query.css
Created December 4, 2019 17:48 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
@pxdsgnco
pxdsgnco / typeface.scss
Created January 9, 2019 09:23
Declare Sass font variables using Google fonts
// Google Fonts
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans:400italic,700italic,400,700);
// Font Variables
$roboto-slab: 'Roboto Slab', serif;
$open-sans: 'Open Sans', sans-serif;
// Styles
body {
font-family: $body-font;
@pxdsgnco
pxdsgnco / form.html
Last active October 30, 2018 14:54
2Chainz
<form class="needs-validation">
<div class="form-group">
<input type="email" placeholder="Email address" class="form-control email-address-form my-3" autofocus required>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="__adult" checked>
<label for="__adult" class="custom-control-label">Yes, I am over 21 years old</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="__receiveNewsletter" checked>
@pxdsgnco
pxdsgnco / collections.liquid.html
Created October 23, 2018 08:36 — forked from davecap/collections.liquid.html
"Infinite" scrolling in Shopify collections
{% 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 }} -->

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