philbirnie

(function() {

  /**
   * Wrapper Element
   * @type {Element}
   */
  const wrapperElement = document.querySelector('body');

  /**
   * Root Domain

philbirnie

<?php 
/* A class is used to create an object - an object is defined by a class */

class ShopProduct {
  /** Properties **/
  
  public $title = 'Default Product';
  
  public $producer_last = 'Last Name';
  

philbirnie

<?php 

/**
 * 
 * Traits
 * 
 * 1. PHP does not allow for multiple inheritance
 * 2. A class can implement many interfaces, but interfaces only provide a template. 
 * 3. Traits allow us to share implementation across class hierarchies. 
 * 

philbirnie

<?php 
/**
 * If two traits share the same method and are both included in a class, we have a problem. Rare, but possible
 * Here's how to get around it.
 * 
 * Reference: PHP Objects, Patterns and Practice, ed 4. pp 49
 **/
 
 trait TaxTools {
    function calculateTax($price) {

philbirnie

JS Testing Setup

Testem.json Setup

Start with a testem.json file that includes sinon for stubbing, etc as well as any files that would be utilized in testing.

{
  "framework": "mocha+chai",

"launch_in_dev": ["Chrome", "phantomjs"],

philbirnie

// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.

const debounce = function(func, wait, immediate) {
  let timeout;

  return function(...args) {

philbirnie

// Returns a function, that, when invoked, will only be triggered at most once
// during a given window of time. Normally, the throttled function will run
// as much as it can, without ever going more than once per `wait` duration;
// but if you'd like to disable the execution on the leading edge, pass
// `{leading: false}`. To disable execution on the trailing edge, ditto.

const throttle = function(func, wait, options) {
  let timeout, context, args, result;
  let previous = 0;

philbirnie

CSS Height Transitions

Option 1: Max Height

This is when you set max-height on an element and then transition that property rather than height. This is simple but has obvious downsides:

• If min-height is much larger than auto, there will be a delay, plus you put a max-height on your element.
• The transition is relative to the element height. (e.g. 1000px min height, but 600px element means that the transition will be 0.6s.

philbirnie

<?php

/** @var string Secret Key $secret */
$secret = '';

/** @var bool $debugging */
$debugging = false;

$webDirectory = '/var/www/html/';

philbirnie

sudo npm cache clean -f
sudo npm install -g n
sudo n stable