Skip to content

Instantly share code, notes, and snippets.

💭
🏖️ Inspired Problem Solver ☁ Visual Storyteller

scott krause neodigm

💭
🏖️ Inspired Problem Solver ☁ Visual Storyteller
Block or report user

Report or block neodigm

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@neodigm
neodigm / tt_custom_comment.html
Created Aug 13, 2019
Override the BR stuff in the TT booking tool comment
View tt_custom_comment.html
Front End Testing
<style>p.header-description { font-size: 22px!important; font-weight: 100; color: #edba08 !important; } BR {display: none;}</style>
@neodigm
neodigm / grid_system.html
Last active Aug 5, 2019
A simple grid system based on Flexbox.
View grid_system.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>v2 standard grid system</title>
<meta charset = "UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="Site UX interactive Prototype">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<link href="css/grid_system.css" rel="stylesheet">
View m2g_tab_click.js
"use strict"; // Act on Tab when link clicked
var oTb, oLk;
oTb = document.querySelectorAll(".tablink4")[0];
oLk = document.querySelectorAll("[href='/#tablink4']")[0];
if( oTb && oLk ){
oLk.addEventListener( "click", function(e){
oTb.click();
} );
}
@neodigm
neodigm / material_design_input.js
Last active Jun 16, 2019
Simple vanilla JavaScript Material Design INPUT element IIFE. Exception list can be class or id.
View material_design_input.js
var labelMD_default = { // Detault configuration
mode: "default",
aExcludeID: ["js-qty__input--id","js-inp-search--id","js-toplogo-slide__input--id","js-inp-topsearch--id","quickSearch-query-for-small","emailSubscribeAddressModal","emailAddressFieldId","quickSearch-query"],
aExcludeCL: ["js-eml__input--field", "js-sms__input"]
};
//var labelMD_custom = { mode: "custom" } // Custom configuration
var labelMD = ( function( _d, _g ){ // Dynamic Material Design INPUT Labels
var aInp = [], aLab = [], oCnf = {}, sBrand;
@neodigm
neodigm / ax.html
Last active Jun 16, 2019
Simple quad CSS grid layout
View ax.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>QQQQ | emoji</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html, body {
@neodigm
neodigm / isPalimdrome.js
Last active Jun 16, 2019
Palindrome test 🐱
View isPalimdrome.js
// Is TACOCAT spelled backward still TACOCAT?
// People have been asking this question for thousands of years until...
// I wrote a function in JavaScript to prove it and end the debate.
let isPalindrome = ( sIn = "tacocat" ) => ( sIn.split("").reverse().join("") === sIn );
/*
_._ _,-'""`-._
(,-.`._,'( |\`-/|
`-.-' \ )-`( , o o)
`- \`_`"'- My name is Omelette!
@neodigm
neodigm / infinite_scroll_sample.html
Created Mar 20, 2019
Infinite Scroll ⚡️ Scott C. Krause, lazy load and intersection observer
View infinite_scroll_sample.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Infinite Scroll ⚡️ Scott C. Krause</title>
<style>
/* --------------------
Add your styling here
-------------------- */
.container {
View monetate_inspector.js
(function(){var a=Math.floor(((new Date).getTime()+1112009)/864E5),b=window,c=b.document,d="https://marketer.monetate.net/control/inspector/"+a+"/",e=b.__mti&&b.__mti.open;if(e)e();else if(!c.getElementById("mtInspector-script")){var f=c.getElementsByTagName("head")[0]||c.body;if(f){var g=f,h=d,i=c.createElement("link");i.href=h+"inspector.css";i.rel="stylesheet";g.insertBefore(i,g.firstChild);var j=f,k=d,l=c.createElement("script");l.src=k+"inspector.js";l.id="mtInspector-script";j.insertBefore(l,j.firstChild)}};})();
@neodigm
neodigm / canIUseWebP.js
Last active Dec 18, 2018
JavaScript WebP support detection
View canIUseWebP.js
function canIUseWebP() { // Original Author Unknown
var elem = document.createElement('canvas');
if (!!(elem.getContext && elem.getContext('2d'))) {
return elem.toDataURL('image/webp').indexOf('webp') == 0;
}
return false;
}
@neodigm
neodigm / email_popup.js
Created Dec 13, 2018
The email promo dialog script and markup are below. The markup must exist in the DOM before the JS is executed. The modal will show once every seven (7) days. The image displayed will be determined by the site brand. Clicking on the image will open the drawer and the email panel then close the reveal. If the reveal component is not on the page t…
View email_popup.js
"use strict";
// Show email promo image (branded) reveal once, every 7 days
// Open drawer to email panel when clicked
var fElmRevPromo = function( _d, _aIds ){
var _eRev = _d.getElementById( _aIds[0] ), _sBrand="LTD";
var _eRevI = _d.getElementsByClassName( _aIds[1] )[0];
return {
init: function( sBrand ){
if( sBrand && ( typeof _eRevI != "undefined") ){
You can’t perform that action at this time.