José Luis Cruz joseluis

Branching

Quick Legend

Description, Instructions, Notes

Instance	Branch

⇐ back to the gist-blog at jrw.fi

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

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

gnome-keyring use 100% CPU usage when Google Chrome started

c.f.

Environment

OS: Knoppix 7.0.3 LCR
DE: LXDE

	#!/bin/bash
	# bash generate random alphanumeric string
	#

	# bash generate random 32 character alphanumeric string (upper and lowercase) and
	NEW_UUID=$(cat /dev/urandom \| tr -dc 'a-zA-Z0-9' \| fold -w 32 \| head -n 1)

	# bash generate random 32 character alphanumeric string (lowercase only)
	cat /dev/urandom \| tr -dc 'a-z0-9' \| fold -w 32 \| head -n 1

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

	'''
	Go to https://code.google.com/apis/console/ and:
	- create a new project,
	- enable access to the calendar api,
	- create a "service account" - that will give you an:
	* "email address" which is the service_account_name and
	* a private key that you need to save on you server
	- go to the calendar and share it with the "email address" from above

	Make sure your time is synchronized.

	<?php
	// Add save percent next to sale item prices.
	add_filter( 'woocommerce_sale_price_html', 'woocommerce_custom_sales_price', 10, 2 );
	function woocommerce_custom_sales_price( $price, $product ) {
	$percentage = round( ( ( $product->regular_price - $product->sale_price ) / $product->regular_price ) * 100 );
	return $price . sprintf( __(' Save %s', 'woocommerce' ), $percentage . '%' );
	}
	?>

	add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

	function woo_remove_product_tabs( $tabs ) {

	unset( $tabs['description'] ); // Remove the description tab
	unset( $tabs['reviews'] ); // Remove the reviews tab
	unset( $tabs['additional_information'] ); // Remove the additional information tab

	return $tabs;

	(function($) {
	$('a[href*=#]:not([href=#])').click(function()
	{
	if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
	\|\| location.hostname == this.hostname)
	{

	var target = $(this.hash),
	headerHeight = $(".primary-header").height() + 5; // Get fixed header height