Yuji Tomita

It was tough to spot this one in the docs:

How do you split an argument containing space delimited items?

The answer is the nth function.

@mixin something($breakpoint) {
$min: nth($breakpoint, 1);
$max: nth($breakpoint, 2);
}
something(0 100px); // $min / $max

This is ridiculous.

If you develop on a mac, you must download dash, now.

http://kapeli.com/

It allows you to keep an offline copy of docs, and makes them all searchable from the same interface (very fast).

You can even integrate with Sublime, and push CNTRL+H over a word to look it up in dash.

50% of development is looking up docs. This is a game changer.

I just installed offline docs for..

• html
• compass
• sass
• jquery
• javascript
• underscore
• coffeescript
• vagrant
• postgresql
• python
• django
• flask
• php

All from one interface. Really awesome.

Install the git package that isn’t EL5

$> yum provides git$> yum install <THE_ONE_THATS_NOT_EL5>

The lack of bass isn’t noticeable and doesn’t sound like a tinny POS.

Genius! Room filling sound!

Somehow, the problem of adding validation via jquery.validate has always felt like enough of a barrier that I find other hacky ways around the solution. I will probably try googling it once, skim the docs once, then settle for finding out how to simply add the rules.

This solution works without breaking most form layouts, because it adds padding below the input element and places error messages below via absolute position.

CoffeeScript

$("form").validate
		errorPlacement: (error, element) ->
			$wrapped = element.wrap('<div class="error-wrapper" />').parent()
			error.appendTo($wrapped)

SASS

.error-wrapper {
	position: relative;
	@include inline-block;
	padding-bottom: 15px;
	label.error {
		position: absolute;
		bottom: -5px;
		left: 15px;
		font-size: 13px;
		text-transform: uppercase;
	}
}

Fix the CSS3 opacity transition text jitter by adding backface-visibility: hidden;

You must use the vendor prefixes to make it work.

If using compass CSS3 mixins, just use

@include backface-visibility(hidden);

I have a local file I need to be changed (an envvar for local environment detection) and don’t want it committed. Sure this is done elsewhere via say a local, silent import of a file outside of your repository.

In this case, it had to be in the the tracked file.

You can set certain things to be assumed as unchanged:

git update-index --assume-unchanged

Amazing.

Whenever I need borders that extend through padding, I’ve typically had to use some non semantic "inner padding" classes.

Turns out you can just set absolute position and left: 0, right: 0 and top: auto.

To fix the twitching that happens during CSS3 animations such as fade, oddly enough, just set the backface-visiblity property to hidden.

Works like a champ.

SCSS

.my-hover {
@include single-transition(opacity, .3s, linear, 0s);
@include backface-visiblity(hidden);

&:hover {
opacity: .9;
}
}

I just had to do some manual experimentation to do this.So far the only way is to use [ sourcecode ] (without spaces).

You can’t specify a language since those get escaped automagically.

If anyone has better ideas for a wordpress hosted site (not self hosted), please let me know!

class ExampleSource():
pass