Clifford Fajardo cliffordfajardo

🎨 when improving the format/structure of the code
🚀 when improving performance
✏️ when writing docs
💡 new idea
🚧 work in progress
➕ when adding feature
➖ when removing feature
🔈 when adding logging
🔇 when reducing logging
🐛 when fixing a bug

MySQL

Getting started

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

Introduction

C-a == Ctrl-a
M-a == Alt-a

General

:q        close
:w        write/saves
:wa[!]    write/save all windows [force]
:wq       write/save and close

	/**
	* Convert a UTF16 string to UTF8.
	* @param {String} input
	* @returns {String}
	*/
	utf16To8: function (input) {
	var _unescape = function(s) {
	function d(x, n) {
	return String.fromCharCode(parseInt(n, 16));
	}

	// declaration
	function foo (n) { return n + 1; }

	// expression
	// note, fat arrow functions have very different meaning (usually what I want, though)
	var foo = function (n) { return n + 1; };
	var foo = (n) => { return n + 1; };
	var foo = n => n + 1;

	// object methods

	command-shift-P > Package > Package Generator: Generate Syntax Theme > mypackage
	cd ~/.atom/packages/mypackage
	apm login
	apm develop mypackage
	cd ~/github/mypackage
	sudo chown -R username:wheel .

	git commit -a -m 'checking everything in'
	apm publish --tag v2.5.0 minor

	# Customize BASH PS1 prompt to show current GIT repository and branch.
	# by Mike Stewart - http://MediaDoneRight.com

	# SETUP CONSTANTS
	# Bunch-o-predefined colors. Makes reading code easier than escape sequences.
	# I don't remember where I found this. o_O

	# Reset
	Color_Off="\[\033[0m\]" # Text Reset

	# Compiled source #
	###################
	*.com
	*.class
	*.dll
	*.exe
	*.o
	*.so

	# Packages #