JSFiddle

  • Ratio Calculator #6 is the latest revision

    jQuery 3.2.1, HTML, CSS, JavaScript

    console.clear()
    
    function getDimensions($calculator) {
      return props = {
        height: parseInt($calculator.find('.js-dimensions-height').val() || 0, 10),
        width: parseInt($calculator.find('.js-dimensions-width ...
  • Video Skin

    No-Library (pure JS), HTML, CSS, JavaScript

    // https://jonlabelle.com/snippets/raw/474/element-wrap.js
    HTMLElement.prototype.wrap = function (elms) {
        if (!elms.length) elms = [elms];
        for (var ...
  • TZ BCG Login Bookmarklet

    Drag n drop to bookmarks bar

    <a class="bookmarklet" href="javascript:(function()%7Bdocument.querySelector('.login-container').click()%3Bdocument.getElementById('LoginEmail').value%20%3D%20%22Faketahzoouser1%40mailinator.com%22%3Bdocument.getElementById('LoginPassword').value%20%3D%20%22Tahzoo123!%22%3Bdocument.querySelector('%23login-form%20.submit-button').click()%7D)()">BCG Login</a>
  • Browser Speech Navigation

    Navigate your browser with your voice

    console.clear();
    function ClickHash (nodelist) {
        const hash = {};
    
        for (let node of nodelist) {
            hash[node.innerText.toLowerCase().trim()] = node;
        }
    
        return hash ...
  • Captchalite #4 is the latest revision

    A Canvas-based captcha

    console.clear();
    
    var captchalite = captchalite || {};
    
    captchalite.input = function (validationArr) {
        const inputEl = document.createElement('input')
        const submitEl = document.createElement('button');
        const ...
  • Domain Revenge

    For when someone steals your code

    (function () {
        const rgx = new RegExp(/(bcg)|(:9000)|(tahzoo)/g);
        const host = window.location.host;
        const isMatch = !host.match(rgx);
    
        function ...
  • Circles

    Animated circles around a center point

    //find the position of the center circle
    var center = $(".center-circle").position(),
    		//25. Grabs one of the outer circles' diameters and ...
  • Circles

    Animated circles around a center point

    var center = $(".center-circle").position(),
        circleradius = $(".circle1").width() * 0.5,
        centerradius = $(".center-circle").width() * 0.5,
        xaxis = center.left + centerradius,
        yaxis = center ...
  • Canvas Bootstrap

    Bootstrap for a Canvas drawing thing

    console.clear();
    /*
    TODO: figure out rotations
    */
    
    class CanvasApp {
      constructor(container) {
        this.container = container;
    
        this.shapeDefs = {
          circle: 50,
          square: 50,
          angle ...
  • Media Manager Canvas Tricks #3 is the latest revision

    jQuery 2.1.0, HTML, CSS, JavaScript

    (function($) {
      $.fn.mmplayer = function(params) {
        /*
        Yes, this is a jQuery plugin. However, the insides don't use jQuery at all ...