Mark Malta prplmark

prplmark / gulpfile.js

Last active August 16, 2021 22:40

Gulpfile with Webpack and SCSS watch

	// Essentials
	var gulp = require('gulp');
	var webpack = require('webpack'); // Include webpack to add definePlugin
	var webpackStream = require('webpack-stream'); // Use webpack-stream to compile

	// Sass Requires
	var sass = require('gulp-sass'); // Include SASS
	var autoprefix = require('gulp-autoprefixer'); // Autoprefixer (always)
	var rename = require('gulp-rename'); // Gulp Rename
	var sourcemaps = require('gulp-sourcemaps'); // Sourcemaps (for sass)

prplmark / gulpfile.js

Created May 23, 2016 19:34

Gulpfile with webpack definePlugin for environments

	// Essentials
	var gulp = require('gulp');
	var webpack = require('webpack'); // Include webpack to add definePlugin
	var webpackStream = require('webpack-stream'); // Use webpack-stream to compile

	// Utilities
	var gutil = require('gulp-util');
	var chalk = require('chalk');
	var notify = require('gulp-notify');
	var livereload = require('gulp-livereload');

prplmark / gulpfile.js

Created May 23, 2016 19:22

Basic webpack-stream gulp file

	// Essentials
	var gulp = require('gulp');
	var webpackStream = require('webpack-stream');

	// Utilities
	var gutil = require('gulp-util');
	var chalk = require('chalk');
	var notify = require('gulp-notify');
	var livereload = require('gulp-livereload');

prplmark / webpack.config.js

Last active May 23, 2016 18:51

	// # webpack.config.js
	var webpack = require('webpack');
	var path = require('path');

	var BUILD_DIR = path.resolve(__dirname, './app/dist'); // Distribution directory
	var APP_DIR = path.resolve(__dirname, './app'); // App directory

	var config = {
	entry: APP_DIR + '/app.js',
	output: {

prplmark / gist:35fa0197c8eb22793b7f5f9d3bcf9124

Created May 13, 2016 17:51

Quick JSX React Setup

	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-with-addons.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>

prplmark / gulpfile.js

Last active May 23, 2016 17:50

	'use strict';

	var gulp = require('gulp'); // Base gulp package
	var babelify = require('babelify'); // Used to convert ES6 & JSX to ES5
	var browserify = require('browserify'); // Providers "require" support, CommonJS
	var notify = require('gulp-notify'); // Provides notification to both the console and Growel
	var rename = require('gulp-rename'); // Rename sources
	var sourcemaps = require('gulp-sourcemaps'); // Provide external sourcemap files
	var livereload = require('gulp-livereload'); // Livereload support for the browser
	var gutil = require('gulp-util'); // Provides gulp utilities, including logging and beep

prplmark / animate.scss

Last active December 31, 2015 13:29

My favorite SASS mixins

	/* Mixin */
	@mixin animate($time, $transition) {
	transition: $time $transition;
	-moz-transition: $time $transition;
	-webkit-transition: $time $transition;
	-o-transition: $time $transition;
	}

	/* Sample */
	.element{

prplmark / safari-viewport.html

Last active December 31, 2015 13:29

Minimize Safari for ios7 bars