samme

# https://github.com/toy/image_optim

gem install image_optim
brew install advancecomp gifsicle jhead jpegoptim jpeg optipng pngcrush
npm install -g svgo

samme

bundle exec middleman build | grep -E '\b(create|delete|error|update)\b'

samme

@mixin column-grid-background(
  $total          : null, // unused
  $column         : $grid-background-column-width,
  $gutter         : $grid-background-gutter-width,
  $offset         : $grid-background-offset,
  $column-color   : $grid-background-column-color,
  $gutter-color   : $grid-background-gutter-color
) {
  $column-stop: 100% * $column / ($column + $gutter);

samme

 // http://compass-style.org/reference/compass/support/

// Omit hacks for IE ≤ 8
$legacy-support-for-ie6: false
$legacy-support-for-ie7: false
$legacy-support-for-ie8: false

// E.g., no -o-* properties :(
$experimental-support-for-opera: false

samme

# gem install html2haml --prerelease

for f in $(find . -type f -name \*.html); do echo "$f -> $f.haml" && html2haml --ruby19-attributes $f > "$f.haml"; done

samme

# In a separate shell, watch using your config settings (e.g. production):
# compass watch
# compass watch --environment production

compass watch --css-dir css-dev --environment development

# or compile as needed:
# compass compile --css-dir css-dev --environment development

samme

# compass help create
compass create my-project --syntax sass --sass-dir sass --css-dir css --images-dir img --javascripts-dir js --relative-assets --bare

# mate my-project my-project/config.rb
# subl my-project my-project/config.rb
open -t my-project/config.rb

samme

convert *.png -append -colors 256 -unique-colors out/colors256.png

samme

define(function (){
    'use strict';

    var math = Math,
        abs  = math.abs,
        max  = math.max,
        min  = math.min;

    return {
        absMax: function (a, b){

samme

=image-rendering($hint)

    @if $hint == 'crisp-edges'

		@if $legacy-support-for-ie8 or $legacy-support-for-ie7
			-ms-interpolation-mode: bilinear
		@if $experimental-support-for-webkit
			image-rendering: -webkit-optimize-contrast

		+experimental-value(image-rendering, crisp-edges, $moz: $experimental-support-for-mozilla, $webkit: false, $o: $experimental-support-for-opera, $ms : false, $khtml: false, $official: true)