Colir Colir

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

	@echo off

	set dbUser=root
	set dbPassword=password
	set backupDir="C:\Documents and Settings\user\Desktop\backup\mysql"
	set mysqldump="C:\Program Files\MySQL\MySQL Workbench 5.2 CE\mysqldump.exe"
	set mysqlDataDir="C:\Documents and Settings\All Users\Application Data\MySQL\MySQL Server 5.1\data"
	set zip="C:\Program Files\7-Zip\7z.exe"

	:: get date

	function slugify(text)
	{
	return text.toString().toLowerCase()
	.replace(/\s+/g, '-') // Replace spaces with -
	.replace(/[^\w\-]+/g, '') // Remove all non-word chars
	.replace(/\-\-+/g, '-') // Replace multiple - with single -
	.replace(/^-+/, '') // Trim - from start of text
	.replace(/-+$/, ''); // Trim - from end of text
	}

	<?php
	/*
	* dl-file.php
	*
	* Protect uploaded files with login.
	*
	* @link http://wordpress.stackexchange.com/questions/37144/protect-wordpress-uploads-if-user-is-not-logged-in
	*
	* @author hakre <http://hakre.wordpress.com/>
	* @license GPL-3.0+

	<?php
	/**
	* Plugin Name: Set featured image
	* Plugin URI: http://wpengineer.com/2460/set-wordpress-featured-image-automatically/
	* Description: Set featureed image automaticly on save post/page
	* Version: 1.0.1
	* Author: Frank Bültge
	* Author URI: http://bueltge.de
	* License: GPLv3
	*/

	function isAnimatedGif(src, cb) {
	var request = new XMLHttpRequest();
	request.open('GET', src, true);
	request.responseType = 'arraybuffer';
	request.addEventListener('load', function () {
	var arr = new Uint8Array(request.response),
	i, len, length = arr.length, frames = 0;

	// make sure it's a gif (GIF8)
	if (arr[0] !== 0x47 \|\| arr[1] !== 0x49 \|\|

	// Add to functions.php

	/*===================================================

	Created by sk from Renegade Empire with help
	from these sources:

	http://docs.woothemes.com/document/editing-product-data-tabs/
	http://www.sean-barton.co.uk/2013/03/remove-woocommerce-20-reviews-tab/#.UYnWe7XfB6N
	http://www.sean-barton.co.uk/2013/03/sb-add-woocommerce-tabs-wordpress-plugin/#.UYrYL7XfB6M


	# based on http://www.commandlinefu.com/commands/view/2916/backup-all-mysql-databases-to-individual-files
	# but modified for the MAMP path and to include default root/root as username and password

	for I in $(/Applications/MAMP/Library/bin/mysql -u root -proot -e 'show databases' -s --skip-column-names); do /Applications/MAMP/Library/bin/mysqldump -u root -proot $I \| gzip > "$I.sql.gz"; done

	/**
	* Author: Michael Fields
	* Source: http://wordpress.mfields.org/2010/set-default-terms-for-your-custom-taxonomies-in-wordpress-3-0/
	* Thanks a lot for the nice tweak
	*/


	/**
	* Define default terms for custom taxonomies in WordPress 3.0.1
	*

	<?php

	function my_register_menu_metabox() {
	$custom_param = array( 0 => 'This param will be passed to my_render_menu_metabox' );

	add_meta_box( 'my-menu-test-metabox', 'Test Menu Metabox', 'my_render_menu_metabox', 'nav-menus', 'side', 'default', $custom_param );
	}
	add_action( 'admin_head-nav-menus.php', 'my_register_menu_metabox' );

	/**