james-jlo-long

/**
 * Validates the form. The validation relies on HTML5 Form Validation.
 *
 * @see https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation
 * @alias validate
 * @param {Element} form
 *        Form to validate.
 * @param {Object}  settings
 *        Settings for the form.
 * @param {String}  settings.highlightClass

james-jlo-long

// This demo shows how to simply add some translations.
__.add({
    "Hello": "Bonjour"
});

james-jlo-long

/**
 * @file    A version of console that can be used on mobile devices.
 * @author  James "JLo" Long <[email protected]>
 * @version 1.0.0
 * @license MIT
 */
var con = (function () {

    "use strict";

james-jlo-long

james-jlo-long

OSCAR

OSCAR stands for "Only Style Classes, AlRight?". It's a CSS methodology that is designed to be very simple and lead into other mentalities such as OOCSS, SMACSS or ITCSS. The idea is to take the most basic parts of the other methodologies and create some simple rules that can be quickly taught to a new-comer without weighing them down with complexities. This is the starting point for better CSS.

Two Simple Rules

1. Only add styles to class selectors

No IDs, no elements. Only classes. You can have up to 1 class, 1 pseudo-element and 1 state or pseudo-class.

james-jlo-long

var PW = (function () {

    "use strict";

    var sym = "!£$%^&*()-_=+[{]};:@#~,<.>/?\\|";
    var getRand = (n) => Math.floor(Math.random() * n);

    var basic = ()  => (
        btoa(getRand(Date.now()))
            .replace(/=+$/, "")

james-jlo-long

/*
TODO: Allow Query#parseString to correctly parse square brackets.
TODO: Handle nested objects correctly.
 */
var Query = (function () {

    "use strict";

    var hasOwn = Object.prototype.hasOwnProperty;

james-jlo-long

// Array first and last
// 
//      var array = [1, 'two', 3, 'four', 5];
//      function isString(o) {
//          return typeof o === 'string';
//      }
//      util.Array.first(array); // -> 1
//      util.Array.first(array, isString); // -> 'two'
//      util.Array.last(array); // -> 5
//      util.Array.last(array, isString); // -> 'four'

james-jlo-long

var dom = (function () {

    'use strict';

    var dom = {};

    function isElement(element) {
        return element instanceof HTMLElement;
    }

james-jlo-long

// Generate the extra-extra small columns
// These go from a screen width of 0 to (@screen-xs-min - 1), existing below XS.

.make-xxs-column(@columns; @gutter: @grid-gutter-width) {

    min-height:    1px;
    padding-left:  (@gutter / 2);
    padding-right: (@gutter / 2);
    position:      relative;