Skip to content

Instantly share code, notes, and snippets.

Avatar

'Dedoyin Kassem pxdsgnco

View GitHub Profile
@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

View valet-plus-install
#!/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
pxdsgnco / valet-plus-destroy
Created Oct 17, 2018 — forked from dannygsmith/valet-plus-destroy
Remove valet-plus - reboot required
View valet-plus-destroy
#!/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'