Skip to content

Instantly share code, notes, and snippets.

Avatar

'Dedoyin Kassem pxdsgnco

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

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

View wordpress_theme_deploy.md

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 Mar 23, 2021 — forked from darylldoyle/gulpfile.js
Default Gulpfile
View gulpfile.js
// 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');
View gulpfile-min.js
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 Mar 23, 2021
Default gulpfile
View gulpfile.js
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 Dec 4, 2019 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
View media-query.css
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
@pxdsgnco
pxdsgnco / typeface.scss
Created Jan 9, 2019
Declare Sass font variables using Google fonts
View typeface.scss
// 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;
View form.html
<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 Oct 23, 2018 — forked from davecap/collections.liquid.html
"Infinite" scrolling in Shopify collections
View collections.liquid.html
{% 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 }} -->
View Using Git to Manage a Live Web Site.md

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