Luis Abarca luisabarca

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

	function createQR($url,$size ='150',$evLevel='L',$margin='0') {
	$url = urlencode($url);
	return '<img src="http://chart.apis.google.com/chart?chs=' . $size . 'x' . $size . '&cht=qr&chld=' . $evLevel . '\|' . $margin . '&chl=' . $url . '" alt="QR code" width="' . $size . '" height="' . $size . '"/>';
	}

	echo createQR('http://www.wickedbrilliant.com',150);

	/**
	* PHP-like print_r() equivalent for JavaScript Object
	*
	* @author Faisalman <[email protected]>
	* @license http://www.opensource.org/licenses/mit-license.php
	* @link http://gist.github.com/879208
	*/
	var print_r = function (obj, t) {

	// define tab spacing

	# Para Archivos
	find . -type f -print0 \| xargs -0 chmod 644

	# Para carpetas
	find . -type d -print0 \| xargs -0 chmod 755

	<?php
	/*
	Plugin Name: Disable plugins when doing local dev
	Description: If the WP_LOCAL_DEV constant is true, disables plugins that you specify
	Version: 0.1
	License: GPL version 2 or any later version
	Author: Mark Jaquith
	Author URI: http://coveredwebservices.com/
	*/

	<?php
	/*
	Plugin Name: WP_Rewrite endpoints demo
	Description: A plugin giving example usage of the WP_Rewrite endpoint API
	Plugin URI: http://make.wordpress.org/plugins/2012/06/07/rewrite-endpoints-api/
	Author: Jon Cave
	Author URI: http://joncave.co.uk/
	*/

	function makeplugins_endpoints_add_endpoint() {

	<?php

	date_default_timezone_set('Europe/London'); // Set this to your local timezone - http://www.php.net/manual/en/timezones.php

	/**
	* The root directory where the repos live.
	*
	* @var string
	*/
	$root_dir = '/your/root/dir/';

	<?php
	/*
	Plugin Name: Heartbeat API Demo
	Plugin URI: http://www.strangerstudios.com/wp/heartbeat-api-demo
	Description: Minimal example demonstrating the WordPress Heartbeat API being added in WP version 3.6.
	Version: .1
	Author: strangerstudios

	If logged in as a user and viewing the frontend of your website,
	every 15 seconds you should see the following in your Javascript console:

	# to generate your dhparam.pem file, run in the terminal
	openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048

	{
	"directory": "components"
	}