cuth

<script>
    if (typeof define === 'function' && define.amd) {
        window.noConflictAMD = define.amd;
        define.amd = null;
    }
</script>
<script src="/module.js"></script>
<script>
    if (typeof define === 'function') {
        define.amd = window.noConflictAMD;

cuth

Using RequireJS and loading UMD scripts normally

Mixing an AMD script loading solution with a traditional script loading solution with UMD modules causes a conflict.

Two approches to loading scripts

The traditional way to load a script is to manually add a script tag on the page like this:

cuth

Debug Horizontal Scroll

(function (d) {
    var w = d.documentElement.offsetWidth,
        t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
 if (b.right > w || b.left < 0) {

cuth

jquery.stash

Easily cache a jQuery selector to improve performance when reusing the same selector. Caching is only supported on strings and does not support the context argument.

Poor jQuery example:

$('.select li').html('test');
$('.select li').empty();

cuth

Lollapalooza Checklist

• Lolla bracelets
• Sun glasses
• Sunscreen
• Rain poncho
• Ziplock bags for phones
• Hand sanitizer
• Allergy medication

cuth

#!/bin/sh
#
# Run JSHint validation before commit.

files=$(git diff --cached --name-only --diff-filter=ACMR -- *.js **/*.js)
pass=true


if [ "$files" != "" ]; then
    for file in ${files}; do

cuth

var once = function (fn) {
    'use strict';

    var ret;
    var called = false;

    return function () {
        if (called) {
            return ret;
        }

cuth

var lazy = function (mediaQuery, load, unload) {
    'use strict';
    
    if (typeof mediaQuery !== 'string') return;
    if (typeof load !== 'function') return;

    var mql = matchMedia(mediaQuery);
    var isLoaded = false;

    if (mql.matches) {

cuth

Font Size Bookmarklet

Code

javascript:(function(){var getFontSize=function(el){return parseFloat(getComputedStyle(el,null)['font-size']);};document.addEventListener('wheel',function(e){if(!e.altKey)return;e.preventDefault();var el=e.target;var parent=el.parentElement;var size=getFontSize(el);while(parent&&size===getFontSize(parent)){el.style.fontSize='inherit';el=parent;parent=parent.parentElement;}if(e.wheelDelta>0){size+=1;}else{size-=1;}el.style.fontSize=size+'px';});}());

cuth

const safeRequire = require('./safe-require');
const umdStyleMod = safeRequire('umd-style-mod', () => require('umd-style-mod'));