Tiago Celestino tcelestino

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

Project Name

TODO: Write a project description

Installation

TODO: Describe the installation process

Usage

Learn JavaScript concepts with the Chrome DevTools

Authored by Peter Rybin , Chrome DevTools team

In this short guide we'll review some new Chrome DevTools features for "function scope" and "internal properties" by exploring some base JavaScript language concepts.

Closures

Let's start with closures – one of the most famous things in JS. A closure is a function, that uses variables from outside. See an example:

	(function() {

	var script,
	scripts = document.getElementsByTagName('script')[0];

	function load(url) {
	script = document.createElement('script');
	script.async = true;
	script.src = url;
	scripts.parentNode.insertBefore(script, scripts);

	<?php

	define('WP_USE_THEMES', false);

	require('../../../wp-load.php');

	require_once("class.phpmailer.php");

	if(isset($_POST)) {
	$nome = $_POST["name"];

	// Helps with this problem:
	// http://stackoverflow.com/questions/8059914/express-js-hbs-module-register-partials-from-hbs-file

	var hbs = require('hbs');
	var fs = require('fs');

	var partialsDir = __dirname + '/../views/partials';

	var filenames = fs.readdirSync(partialsDir);

	#!/bin/bash

	while :
	do
	clear
	git --no-pager log --graph --pretty=oneline --abbrev-commit --decorate --all $*
	sleep 1
	done

	function RemoveAccents(strAccents) {
	var strAccents = strAccents.split('');
	var strAccentsOut = new Array();
	var strAccentsLen = strAccents.length;
	var accents = 'ÀÁÂÃÄÅàáâãäåÒÓÔÕÕÖØòóôõöøÈÉÊËèéêëðÇçÐÌÍÎÏìíîïÙÚÛÜùúûüÑñŠšŸÿýŽž';
	var accentsOut = "AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz";
	for (var y = 0; y < strAccentsLen; y++) {
	if (accents.indexOf(strAccents[y]) != -1) {
	strAccentsOut[y] = accentsOut.substr(accents.indexOf(strAccents[y]), 1);
	} else

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type"
	content="text/html; charset=utf-8" />

	<script src="jquery-1.7.2.min.js" ></script>
	<script src="handlebars-1.0.0.beta.6.js" ></script>
	<script src="underscore-min.js" ></script>
	<script src="backbone-min.js" ></script>

	@media only screen and (-webkit-device-pixel-ratio: .75) {
	/* CSS for Low-density screens goes here *
	* Ex: HTC Evo, HTC Incredible, Nexus One */
	}

	@media only screen and (-webkit-device-pixel-ratio: 1) and (max-device-width: 768px) {
	/* CSS for Medium-density screens goes here *
	* Ex: Samsung Ace, Kindle Fire, Macbook Pro *
	* max-device-width added so you don't target laptops and desktops */
	}