evolutionxbox

General

1. Describe three ways to test accessibility?
2. How would you approach fixing browser-specific styling issues?
3. In what ways can a websites loading performance be improved?

HTML

1. Have you used different HTML templating languages before?
2. Describe at least one way you check the accessibility of written HTML?

CSS

evolutionxbox

/**
 * "foo bar baz", "bar foo moo" -> ".foo.bar.baz .bar.foo.moo"
 * @param  {String...} classString
 * @return {String}
 */
module.exports = function classNameToSelector(classString) {
  var selector = [];
  for (var i = 0, len = arguments.length; i < len; i++) {
    selector.push(_classNameToSelector(arguments[i]));
  }

evolutionxbox

// Serialize form data
function serialize (form) {
  return [...form.elements]
    .filter(element => element.type !== 'radio' || element.checked)
    .map(element => element.name + '=' + encodeURIComponent(element.value))
    .join('&');
}

evolutionxbox

function generateUniqueID() {
  function chr4(){
    return Math.random().toString(16).slice(-4);
  }
  return chr4() + chr4() +
    '-' + chr4() +
    '-' + chr4() +
    '-' + chr4() +
    '-' + chr4() + chr4() + chr4();
}

evolutionxbox

/*
  # `Array.prototype.reject`

  ## Summary

  Like `filter`, except negated.

  **Example:**

  ```js

evolutionxbox

// TODO: convert into promise =)

// Load Style
function loadStyle(url, callback) {
  if (!url || url === '') return;

  var linkElement = document.createElement('link');
  linkElement.href = url;
  linkElement.setAttribute('rel', 'stylesheet');

evolutionxbox

// TODO: convert into promise =)

// Load Script
function loadScript(url, callback) {
  if (!url || url === '') return;

  var scriptElement = document.createElement('script');
  scriptElement.src = url;

  if(typeof callback === 'function') {

evolutionxbox

// Wrap all "rogue" textNodes in a paragraph
(function wrapAllRogueTextNodes () {
  var allowedElements = [ 'A', 'B', 'BIG', 'I', 'SMALL', 'TT', 'ABBR', 'ACRONYM', 'CITE', 'DFN', 'EM', 'KBD', 'STRONG', 'TIME', 'BR', 'SUB', 'SUP' ];

  function arrayFrom (arrayLike) {
    return Array.prototype.slice.call(arrayLike);
  }

  function wrapInParagraph (nodes) {
    if (nodes.length > 0) {

evolutionxbox

//---------------------------------------------------------------------
function dateObj(d) {
    var parts = d.split(/:|\s/),
        date  = new Date();
    if (parts.pop().toLowerCase() == 'pm') parts[0] = (+parts[0]) + 12;
    date.setHours(+parts.shift());
    date.setMinutes(+parts.shift());
    return date;
}

evolutionxbox

// Get URL params (querystring)
if (!location.params) {
  Object.defineProperty(location, 'params', {
    enumerable: false,
    get: function () {
      var search = location.search;
      var all = /(?:[?&;])(?:[^&;#]+)/g;
      var pair = /[?&;]([^&;=#]+)=?([^&;#]*)/;
      var results = {};