This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
/*--------------------------------------------------- | |
Yunshipei Base Style | |
-------------------- | |
@author : Minwe Luo | |
@email : minwe@yunshipei.com | |
@update : 2013.07.29 | |
---------------------------------------------------*/ | |
article, | |
aside, |
/* | |
* UIKit Grid System | |
* - 10列网格,基于浮动的布局 | |
* - Mobile first | |
* - Breakpoint: <768px | 768px - 960px | >960px | |
* | |
========================================================================== */ | |
/* Component |
// New grid containing medium styles | |
/** | |
* Foundation grid system | |
* - 12列网格,基于浮动布局;相对定位实现push/pull | |
* - Mobile first | |
* - Breakpoint:640px | 768px - 1024px | >1024px | |
*/ | |
/* Grid HTML Classes */ | |
.row { |
/** | |
* Bootstrap Grid System | |
* - 12列网格,基于浮动的布局 | |
* - Mobile first | |
* - Breakpoint: Phones (<768px) | Tablets (≥768px) | Desktops (≥992px) | Large Desktops (≥1200px) | |
*/ | |
.row { | |
margin-right: -15px; |
/** | |
* YUI Grids | |
* g - row, c - column | |
*/ | |
/*responsive*/ | |
.am-g { | |
letter-spacing: -0.31em; | |
*letter-spacing: normal; | |
word-spacing: -0.43em; |
var JSONFormat = (function(){ | |
var _toString = Object.prototype.toString; | |
function format(object, indent_count){ | |
var html_fragment = ''; | |
switch(_typeof(object)){ | |
case 'Null' :0 | |
html_fragment = _format_null(object); | |
break; | |
case 'Boolean' : | |
html_fragment = _format_boolean(object); |
/*Here’s a way that’s more readable … (I think anyway) | |
Look how the syntax reads … | |
===================================== | |
{{#compare Database.Tables.Count ">" 5}} | |
There are more than 5 tables | |
{{/compare}} |
// Usage: $(element).scrollToTop([position]) | |
;(function($){ | |
// only allow one scroll to top operation to be in progress at a time, | |
// which is probably what you want | |
var scrollToTopInProgress = false | |
$.fn.scrollToTop = function(position){ | |
var $this = this, | |
targetY = position || 0, |