coskuntekin

# See http://help.github.com/ignore-files/ for more about ignoring files.
#
# If you find yourself ignoring temporary files generated by your text editor
# or operating system, you probably want to add a global ignore instead:
# git config --global core.excludesfile ~/.gitignore_global

# Ignore bundler config
/.bundle

# Ignore the build directory

coskuntekin

/* TEAM */
    Front-End Developer: coskuntekin
    Twitter: @coskuntekin
    Company: 
    Web Sites: http://www.coskuntekin.com 

/* THANKS */
    HTML5 Bolireplate
    Modernizr
    Twitter Bootstrap

coskuntekin

###
# Compass
###

# Bootstrap
# First: 
#    gem install sass-rails
#    gem install bootstrap-sass
#    require 'bootstrap-sass'

coskuntekin

/* ==========================================================================
      =link_to '#', class:'btn btn-green' do
        %span.btn-helper
        Sign Up
 * ==========================================================================

.btn
  position: relative
  +inline-block
  +border-radius(5px)

coskuntekin

/* ==========================================================================
 * CSS3 Animate Mixin
 * ==========================================================================

=animate($name: fadeIn, $duration: 0.5s, $delay: .2s, $function: linear, $mode: both)
  +experimental(animation, $name $duration $delay $function $mode)

=keyframes($name)
  @-webkit-keyframes #{$name}
    @content

coskuntekin

$icons: sprite-map('icons/*.png')

i
  +inline-block
  background-image: $icons

@each $icon in sprite_names($icons)
  .icn-#{$icon}
    +sprite-dimensions($icons, $icon)
    background-position: sprite-position($icons, $icon)

coskuntekin

@for $i from 1 through 5
    .mb-#{($i*10)}
      margin-bottom: (($i*10)+px)

coskuntekin

Install

sudo add-apt-repository ppa:fossfreedom/byzanz

sudo apt-get update && sudo apt-get install byzanz

sudo apt-get install byzanz

Record

byzanz-record --duration=15 --x=200 --y=300 --width=700 --height=400 out.gif

coskuntekin

(function () {
  'use strict';

	var querySelector = document.querySelector.bind(document);

	function setSidebarHeight(){
		var sidebar = querySelector('.sidebar');
		var documentHeight = document.documentElement.scrollHeight;
		sidebar.style.height = documentHeight+'px';
		console.log(documentHeight);

coskuntekin

@for $i from 1 through 7
  .list-btn
    & > li:nth-child(#{$i})
      +animation-delay(400ms + ($i*30))