Ivanopalas

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:

Ivanopalas

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

=e($name)
  @at-root &_#{$name}
    @content
=m($name)
  @at-root &-#{$name}

Ivanopalas

HTML:
<div class="wrapper">
    <div class="tabs">
        <span class="tab">Вкладка 1</span>
        <span class="tab">Вкладка 2</span>
        <span class="tab">Вкладка 3</span>        
    </div>
    <div class="tab_content">
        <div class="tab_item">Содержимое 1</div>
        <div class="tab_item">Содержимое 2</div>

Ivanopalas

function heightDetect() {
		$(".main_head").css("height", $(window).height());
};
heightDetect();
$(window).resize(function() {
	heightDetect();
});