Skip to content

Instantly share code, notes, and snippets.

@StephenBrown
StephenBrown / index.html
Created May 7, 2019 07:50
Kanban Drag and Drop
<section class="section">
<h1>Kanban Drag and Drop Interface Layout</h1>
<h4>Inspired by <a href="https://trello.com/
">Trello</a>, and <a href="https://www.google.com/keep/">Google Keep</a>, <a href="http://blog.invisionapp.com/design-project-management-tool/">Invision</a> and <a href="https://twitter.com/aaronstump">@aaronstump</a></h4>
</section>
<div class="drag-container">
<ul class="drag-list">
<li class="drag-column drag-column-on-hold">
<span class="drag-column-header">
/*********************************************
* Automated Creative Testing With Statistical Significance
* Version 2.0
* Changelog v2.0
* - Fixed bug in setting the correct date
* - Script now uses a minimum visitors threshold
* per Ad instead of AdGroup
* - Added the ability to add the start date as a label to AdGroups
* - Added ability to check mobile and desktop ads separately
* Changelog v1.1.1 - Fixed bug with getDisplayUrl
// Includes functions for exporting active sheet or all sheets as JSON object (also Python object syntax compatible).
// Tweak the makePrettyJSON_ function to customize what kind of JSON to export.
var FORMAT_ONELINE = 'One-line';
var FORMAT_MULTILINE = 'Multi-line';
var FORMAT_PRETTY = 'Pretty';
var LANGUAGE_JS = 'JavaScript';
var LANGUAGE_PYTHON = 'Python';
@StephenBrown
StephenBrown / jsperf-bookmarklet.js
Last active March 25, 2020 18:54 — forked from stoyan/jsperf-bookmarklet.js
Bookmarklet for one click webpagetest. Dulles, Chrome, DSL, captures video, tcpdump, and a repeat view.
(function(){
var key = localStorage.wpt_key;
if (!key) {
var prompt = window.__proto__.prompt;
key = prompt('Your WebPagetest API key, please?');
if (!key) {
return gameOver();
}
localStorage.wpt_key = key;
/**
* Three D Box
*/
.three-d-box {
background-color: #186799;
min-height: 100px;
width: 20%;
padding: 10px;
-webkit-box-shadow: 20px -20px 0px #00446E;
-moz-box-shadow: 20px -20px 0px 0px #00446E;
/**
* Three D Box
*/
.three-d-box {
background-color: #186799;
min-height: 100px;
width: 20%;
padding: 10px;
-webkit-box-shadow: 20px -20px 0px #00446E;
-moz-box-shadow: 20px -20px 0px 0px #00446E;