Skip to content

Instantly share code, notes, and snippets.


Fatih Acet fatihacet

Block or report user

Report or block fatihacet

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
fatihacet /
Last active Aug 29, 2015 — forked from burakcan/Coffee
class FlipCounterView extends KDView
constructor : (options = {}, data = {}) -> ?= "dark"
options.from ?= 5000 ?= 10000
options.interval ?= 1000
options.step ?= 1
options.autoStart ?= yes
options.direction = if options.from < then "up" else "down"
options.digits ?= if options.direction is "up" then else options.from.toString().length

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.

Screencapture GIF


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

fatihacet / preferences.sublime-settings
Last active Aug 29, 2015
My Sublime Text 3 config
View preferences.sublime-settings
"color_scheme": "Packages/Colorsublime-Themes/deep_blue_see.tmTheme",
"enable_tab_scrolling": false,
"env": {
"PATH": "/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin:/usr/local/share/npm/bin/"
"folder_exclude_patterns": [
diff = (a, b) ->
deleted = []
added = []
# deleted.push item for item in a when b.indexOf(item) is -1
# added.push item for item in b when a.indexOf(item) is -1
clone = b.slice 0
class CoffeetojsMainView extends KDView
constructor: (options = {}, data) ->
super options, data
@loading = new KDLoaderView
size :
width : 48
showLoader : yes
fatihacet /
Created Nov 10, 2014
goog.provide 'spark.components.Modal'
goog.require 'spark.core.View'
goog.require 'spark.components.Overlay'
class spark.components.Modal extends spark.core.View
fatihacet / fontello.css
Last active Aug 29, 2015
icon font sample usage
View fontello.css
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?14391850');
src: url('../font/fontello.woff?14391850') format('woff'),
url('../font/fontello.ttf?14391850') format('truetype'),
url('../font/fontello.svg?14391850#fontello') format('svg');
font-weight: normal;
font-style: normal;
View npm-init.log
acetz:fe-ci facet$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sane defaults.
See `npm help json` for definitive documentation on these fields
and exactly what they do.
Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.
fatihacet /
Last active Aug 29, 2015
Sample Box class for FE-CI blog post.
class Box
Class for representing a box. A box is specified as a top, right, bottom
and left.
@param {Object} options Options object to hold top, right, bottom
and left values.
fatihacet /
Last active Aug 29, 2015
Sample Gruntfile
module.exports = (grunt) ->
coffee :
options :
bare : yes
src :
files : [
expand : yes
You can’t perform that action at this time.