darronz

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

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

Mac OSX Spotlight Enhancement

Add this to Info.plist in /System/Library/Spotlight/RichText.mdimporter/Contents/ and Spotlight will search for source code files.

<string>public.c-header</string>
<string>public.c-plus-plus-header</string>
<string>public.c-source</string>
<string>public.objective-c-source</string>
public.c-plus-plus-source

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

Prereq:

apt-get install zsh
apt-get install git-core

Getting zsh to work in ubuntu is weird, since sh does not understand the source command. So, you do this to install zsh

wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | zsh

	/*
	* There's a bug in Chrome/Safari using overflow:hidden with border-radius. This mask fixes it.
	* Solution: http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258
	*/
	.masked {
	position: absolute;
	border-radius: 10px;
	overflow: hidden;
	/* this fixes the overflow:hidden in Chrome */
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

	<?php
	/**
	* A helper file for Laravel 5, to provide autocomplete information to your IDE
	* Generated for Laravel 5.5.13 on 2017-09-28.
	*
	* @author Barry vd. Heuvel <[email protected]>
	* @see https://github.com/barryvdh/laravel-ide-helper
	*/
	namespace {
	exit("This file should not be included, only analyzed by your IDE");

	# Initial setup
	git clone -o framework -b develop https://github.com/laravel/laravel.git project-name
	cd project-name
	git checkout --orphan master
	git commit -m "Initial commit"

	# Pulling changes
	git fetch framework
	git merge --squash -m "Upgrade Laravel" framework/develop
	# Fix merge conflicts if any and commit