luk exside

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	<?php
	/* runFn Snippet
	* by [email protected]
	*
	* Pass the snippet a php function name and pipe delimited list of parameters.
	*
	* Example: Format a large number with number_format()
	* See: www.php.net/manual/en/function.number-format.php
	*
	* [[!runFn? &fn=`number_format` &args=`123456789\|\|2\|\|,\|\|.`]]

	<?php
	$file = $modx->getOption('base_path') . 'facebook.php';
	if (file_exists($file)) {
	require_once $file;
	}

	<?php

	/**
	* Ajax Connector
	*
	* @package mypackage
	*/
	$validActions = array(
	'web/data/delete',
	'web/data/edit'

	<?php
	// Use this line to prevent people from hammering your server.
	if (!isset($_GET['super_secret']) \|\| ($_GET['super_secret'] != 'secretpassword')) return 'Not authorized';

	// Call this snippet uncached in a resource with template "empty":
	// content: "[[!benchmark]]"
	// Make sure to tag the resource as uncachable

	// The intro
	echo '<body style="font-family: sans-serif;">';

	$config = array(
	'baseUrl' => rtrim('http://mywebsite.com/rest/api/','/'),
	'format' => 'json', // json or xml, the format to request
	'suppressSuffix' => false, // if false, will append .json or .xml to the URI requested

	'username' => 'myuser', // if set, will use cURL auth to authenticate user
	'password' => 'mypass',
	'curlOptions' => array(
	'timeout' => 30, // cURL timeout
	'otherCurlOption' => 1,

	<?php
	$memory = round(memory_get_usage()/1024/1024, 4).' Mb';

	print "<div>Memory: {$memory}</div>";

	$totalTime= ($modx->getMicroTime() - $modx->startTime);
	$queryTime= $modx->queryTime;
	$queryTime= sprintf("%2.4f s", $queryTime);
	$queries= isset ($modx->executedQueries) ? $modx->executedQueries : 0;
	$totalTime= sprintf("%2.4f s", $totalTime);

	<?php
	/**
	* WordPress Export Administration API
	*
	* @package WordPress
	* @subpackage Administration
	*/

	/**
	* Version number for the export format.

	// Support routines for automatically reporting user timing for common analytics platforms
	// Currently supports Google Analytics, Boomerang and SOASTA mPulse
	// In the case of boomerang, you will need to map the event names you want reported
	// to timer names (for mPulse these need to be custom0, custom1, etc) using a global variable:
	// rumMapping = {'aft': 'custom0'};
	(function() {
	var wtt = function(n, t, b) {
	t = Math.round(t);
	if (t >= 0 && t < 3600000) {
	// Google Analytics

	Change Nav UL to Select when Mobile.

	System Settings: Turn off resource and snippet caching. cacheable default is none. no pages can be cached.

	1. add mobile_device_detect.php to the root folder



	2. make sure jquery is called at the top of every page