Tony Adams atadams

Apps, Utils, OSes

Using Subsystems

Subsystems give you a way of dropping in one FW/1 application into an existing one. Subsystems can be used to create a module that has no dependencies on the parent application or you can use subsystems to group common functionality together.

Enabling Subsystems

If you want to enable subsystems, you must set the following in the parent application’s Application.cfc:

variables.framework.usingSubsystems = true;

CSS Only: Hamburger Menu Icon

Hamburger menu icon without javascript opening a menu and animated to close icon on click.

A Pen by Christopher Schulz on CodePen.

License.

Scroll behavior across the web (Chartbeat Blog)
The myth of the page fold: evidence from user testing (CX Partners)
Myth #3: People don't scroll (UX Myths)
ClickTale Scrolling Research Report V2.0 (Web Analytics & Usability Blog)
You Won’t Finish This Article (Slate)
There is no page fold

	import cv2 as cv
	import numpy as np
	import rawpy


	def perform_pca(filepath, alter_image=False):
	if alter_image:
	# Read the CR2 image with auto white balance or auto brightness
	rgb_image = rawpy.imread(filepath).postprocess()
	else:

	SELECT
	SUBSTRING_INDEX(SUBSTRING_INDEX(SUBSTRING_INDEX(referer_url, '://', -1), '/', 1), 'www.', -1) AS domain,
	count(*) AS visits
	FROM piwik_log_visit
	WHERE
	visit_first_action_time BETWEEN '2017-01-01' AND '2017-02-01'
	AND referer_url NOT LIKE '%effectivehealthcare.ahrq.go%'
	GROUP BY domain
	ORDER BY visits DESC

	// Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200,
	// A400, A700.

	// $palette-red:
	$palette-red-50: hsla(351, 100%, 96%, 1);
	$palette-red-100: hsla(354, 100%, 90%, 1);
	$palette-red-200: hsla(0, 73%, 77%, 1);
	$palette-red-300: hsla(0, 69%, 67%, 1);
	$palette-red-400: hsla(1, 83%, 63%, 1);
	$palette-red-500: hsla(4, 90%, 58%, 1);

	$black : hsl(0, 0%, 0%);
	$eerieblack : hsl(0, 0%, 11%);
	$granitegray : hsl(0, 0%, 40%);
	$sonicsilver : hsl(0, 0%, 46%);
	$quicksilver : hsl(0, 0%, 65%);
	$culturedpearl : hsl(0, 0%, 96%);
	$coconut : hsl(0, 0%, 100%);
	$white : hsl(0, 0%, 100%);
	$fuzzywuzzy : hsl(0, 50%, 60%);
	$orangered : hsl(0, 100%, 58%);

	// Location to your properties file
	var pFile = 'location_to_your_properties_file/filename.properties';
	// Init Props
	var props = CreateObject("java","java.util.Properties").init();
	// Load the file into the props
	props.load( CreateObject("java","java.io.FileInputStream").init(pFile) );

	// Assume properties file has the following value
	// Property1=Foo
	// Property2=Bar