Andy Field fieldoffice

Sass typographic scale generator

Generate a typographic scale of CSS variables with any interval (fixed or proportional) and any number of sizes. Just edit $interval, $body-text, $scale-min, and $scale-max:

:root {
  $interval: 1.5;    // Unitless for proportional, unit for fixed
  $body-text: 1rem;  // Must have a unit
  $scale-min: -2;    // Unitless negative integer
  $scale-max: 2;     // Unitless positive integer

This contract for general design sevices is a hybrid of this one on Docracy and the AIGA one also found on Docracy. I wanted something that was simple yet covered the important bits such as payment schedule, kill fee, liability, rights etc. Change the parts in square brackets to suit. I've had this checked by a lawyer but I recommend if you decide to use it you also get it looked at by a lawyer too. Never do work without a contract in place. The majority of clients are good, decent and want to create great work with you — having a solid contract in place will strengthen that relationship and provide you with protection should things go awry.

Agreement for commission of work between [Designer Name] (Designer)

and [Client Name] (Client)

on [Date]

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

	#!/usr/bin/env bash

	echo "Starting bootstrapping"

	# Check for Homebrew, install if we don't have it
	if test ! $(which brew); then
	echo "Installing homebrew..."
	ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
	fi

	var Chart = (function(window,d3) {

	var svg, data, x, y, xAxis, yAxis, dim, chartWrapper, line, path, margin = {}, width, height, locator;

	var breakPoint = 768;

	d3.csv('data.csv', init); //load data, then initialize chart

	//called once the data is loaded
	function init(csv) {

	/**
	* Add Tracking Code to the Order Recieved Page
	*/
	function wc_ninja_checkout_analytics( $order_id ) {
	$order = new WC_Order( $order_id );
	$currency = $order->get_order_currency();
	$total = $order->get_total();
	$date = $order->order_date;
	?>
	<!-- Paste Tracking Code Under Here -->

	<?php
	add_action('woocommerce_after_order_notes', 'my_custom_checkout_field');
	function my_custom_checkout_field( $checkout ) {
	echo '
	<div id="terms_conditions">
	<h3>'.__('Terms and Conditions: ').'<a href="link-to-url">view here</a></h3>
	'; woocommerce_form_field( 'terms_conditions', array( 'type' =>; 'checkbox', 'class' =>;
	array('input-checkbox'), 'label' =>; __('I have read and agreed.'), 'required' => true, ), $checkout->;get_value( 'terms_conditions' )); echo '

	</div>