🥺

Andrew McIntee AndrwM

🥺

Senior software engineer at @Kajabi 🌤️ Slinging code, not slagging code.

AndrwM / JSParallaxIdea.js

Created March 8, 2018 22:51

	const $parallaxItems = $('[js-parallax]');
	const parallaxSpeed = -0.04;
	if ($parallaxItems.length > 0) {
	$parallaxItems.css('will-change', 'transform');
	window.addEventListener('scroll', function() {
	$parallaxItems.css('transform', 'translateY( calc(' +(document.body.scrollTop \|\| document.documentElement.scrollTop) * parallaxSpeed+ '* 1px ) )');
	});
	}

	// Improvements: use request animation here: https://codepen.io/davatron5000/pen/YeyOxQ

AndrwM / global.js

Created June 30, 2017 19:34

CHS JS Crash Course 🐬 (updated html & js)

	$(document).ready(function() {
	var $field = $('[data-answer]');

	var appendValue = function(value) {
	if ( $field.html().length < 20 ) {
	$field.append(value);
	} else {
	alert('The number is too large!');
	}
	};

AndrwM / prefs.json

Created January 4, 2017 01:17

Sublime Settings 2016

	{
	"always_show_minimap_viewport": true,
	"bold_folder_labels": true,
	"color_scheme": "Packages/User/SublimeLinter/Material-Theme-Darker-OceanicNext (SL).tmTheme",
	"ensure_newline_at_eof_on_save": true,
	// "font_face": "Operator Mono", NEW! 2017!!!
	"font_size": 16,
	"highlight_line": false,
	"ignored_packages":
	[

AndrwM / Preferences.sublime-settings

Created November 14, 2016 14:13

	{
	"always_show_minimap_viewport": true,
	"bold_folder_labels": true,
	"color_scheme": "Packages/User/SublimeLinter/Material-Theme-Darker-OceanicNext (SL).tmTheme",
	"ensure_newline_at_eof_on_save": true,
	"font_size": 16,
	"ignored_packages":
	[
	"SyncedSideBar",
	"Vintage"

AndrwM / delete-all-gh-comments.js

Created November 11, 2016 20:07

-var items = document.querySelectorAll(".delete-button");
-for (var i = 0; i < items.length; i++) {
-  items[i].click();
-}

AndrwM / fadewobble-in-out.scss

Created September 14, 2016 18:25

	// Requires visibility: hidden; on element assigned to
	// 1s timing with ease is ideal
	@keyframes fadeshake-in-out {
	0% {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 0.8);
	visibility: visible;
	}
	10% {
	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

AndrwM / Gulfile.js

Created May 20, 2015 13:40

	var gulp = require('gulp'),
	$ = require('gulp-load-plugins')(), // this is an arbitrary object that loads all gulp plugins in package.json.
	path = require('path'),
	browserSync = require('browser-sync'),
	reload = browserSync.reload,
	del = require('del'),
	fs = require('fs'),
	renderer = require("./renderer"),
	gulpBowerFiles = require('gulp-bower-files'),
	wiredep = require('wiredep').stream;

AndrwM / index.html

Last active August 29, 2015 14:01

Get Quadl Stock Exhange Prices and Dif

	<html>
	<head>
	<title></title>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

	<script type="text/javascript">

	//START

AndrwM / Scrolly.js

Created April 10, 2014 14:45

	// <a href="#somewhere">ASKFDJh</a>

	$("a").bind("click", function(e){

	e.preventDefault();
	var location = $(this).attr("href")

	$('html, body').animate({
	scrollTop: $(location).offset().top
	}, 1500);

AndrwM / index.html

Created March 13, 2014 20:02

CSS Transform Test

	<!DOCTYPE html>
	<html>
	<head>
	<title>test</title>

	<link rel="stylesheet" href="style.css" />

	</head>
	<body>