Quinten

// depends on modernizr and jquery
if ($('html').hasClass('no-touchevents')) {
    var hoverDelay = 17;
    var hoverTimeouts = [];
    var hoverDelayTO = 0;
    function processHoverTimeouts () {
        hoverTimeouts.forEach(function (timeout) {
            timeout();
        });
        hoverTimeouts = [];

Quinten

var uploadButton = $('<input type="file">');
uploadButton.change(function() {
  var reader = new FileReader();
  reader.onload = function (e) {
    var target = e.target;
    var data = JSON.parse(target.result);
    console.log(data);
  }
  reader.readAsText(uploadButton[0].files[0]);
});

Quinten

var data = {test: 'test'};
var dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(JSON.stringify(data));
var link = document.createElement("a");
link.download = 'export.json';
link.href = dataUri;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

Quinten

var priceRegex = /^((((([1-9]\d{0,2})(,\d{3})?)|([1-9]\d*)|\d{1})(\.\d+){0,1})|(((([1-9]\d{0,2})(\.\d{3})?)|([1-9]\d*)|\d{1})(,\d+){0,1}))$/;

Quinten

var onElementResize = function(element, callback) {

    if (!onElementResize.watchedElementData) {

        onElementResize.watchedElementData = [];

        var checkForChanges = function() {
            onElementResize.watchedElementData.forEach(function(data) {
                if (element.offsetWidth !== data.offsetWidth ||
                    element.offsetHeight !== data.offsetHeight) {

Quinten

@include breakpoint(max-width, $bp-medium) {

    table.rwd-table {
        display: block;

        thead {
            display: none;

            tr, th {
                display: none;

Quinten

.scroll-table-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;

    &::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    &::-webkit-scrollbar:vertical {
        width: 11px;

Quinten

        .product-image {
            height: 0;
            display: block;
            position: relative;
            z-index: 1;
            overflow: hidden;
            padding-bottom: 100%; 

            img {
                display: block;

Quinten

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;

Quinten

fun with visual selections in vim (on mac)

Math

In insert mode type some math like 2+2

Then switch to visual mode and select it.

With visual mode still active type !bc