Vskuzz

var src = "___library/7-kazan/1/*";
var dst = "_ready";

var gulp   			 = require('gulp'),
		imagemin    = require('gulp-imagemin'),
		cache       = require('gulp-cache'),
		del         = require('del'),
		imageResize = require('gulp-image-resize'),
		watermark   = require("gulp-watermark"),
		rename      = require("gulp-rename");

Vskuzz

var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),
    jshint = require('gulp-jshint'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),

Vskuzz

#loader {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;

Vskuzz

$(window).scroll (function () {
  var ratio = $(document).scrollTop () / (($(document).height () - $(window).height ()) / 100);
  $("#progress").width (ratio + "%");
});

//html
<div id="cont">
  <div id="progress"></div>
</div>

Vskuzz

<div class="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div>

.top
	position: fixed
	bottom: 25px
	background-color: #E0E0E0
	border-radius: 10em
	color: #666
	font-size: 26px
	width: 50px

Vskuzz

.button
	display: inline-block
	border: none
	color: #fff
	text-decoration: none
	background-color: $accent
	padding: 15px 45px
	font-size: 13px
	text-transform: uppercase
	font-weight: 600

Vskuzz

<div class="wrapper">
  <p class="holder">
    <a href="#" class="anim_btn effektA">Эффект A</a>
    <a href="#" class="anim_btn effektB">Эффект B</a>
    <a href="#" class="anim_btn effektC">Эффект C</a>
    <a href="#" class="anim_btn effektD">Эффект D</a>
  </p>
</div>

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic);

Vskuzz

<div class="demo">
   <div id="heart">
    <div class="k">
    </div>
   </div>
</div>

body {
    margin: 0;
    padding: 0;

Vskuzz

$(window).scroll(function() {

	var st = $(this).scrollTop() /10;

	$(".object").css({
		"transform" : "translate3d(0px, " + st  + "%, .01px)",
		"-webkit-transform" : "translate3d(0px, " + st  + "%, .01px)"
	});

});