atadams

for i in `find . -name "*.log"`; do zip -j $i.zip $i;done;

atadams

find . -name '*.log' -type f -delete

atadams

tidy --vertical-space n --indent a --wrap 0 --preserve-entities y --tidy-mark n tidytest.html | unexpand -a -t 2 > tidyoutput1.html

atadams

WHERE
  (
		tcontent.Active = 1
		AND tcontent.Approved = 1
		AND tcontent.siteid = <cfqueryparam cfsqltype="cf_sql_varchar" value="#arguments.siteID#"/>
	)

	AND (
		tcontent.Display = 2
		AND (

atadams

• 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

atadams

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.

atadams

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;

atadams

// 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

atadams

$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%);

atadams

// 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);