Anton Kartashov antonkartashov

antonkartashov / framer-device-win.coffee

Created March 27, 2016 10:08

	bg = new Layer backgroundColor: "#2d383e"

	phoneScreen = new Layer
	width: 750
	height: 1334
	clip: true
	backgroundColor: "black"

	(window.onresize = ->
	phoneScreen.center()

antonkartashov / framer-device.coffee

Last active April 23, 2016 15:52

	if Utils.isDesktop() is true
	HTMLPreviewBackground = new Layer
	backgroundColor: "#2d383e"

	HTMLPreview = Screen

	Screen = new Layer
	width: 750
	height: 1334
	clip: true

antonkartashov / draggable-single.coffee

Created March 26, 2016 04:51

	icon = new Layer
	y: 60
	maxX: Screen.width - 40
	scale: 0.2
	borderRadius: 10
	backgroundColor: "white"

	layer = new Layer
	backgroundColor: Utils.randomColor()
	height: 223

antonkartashov / draggable-array.coffee

Last active March 26, 2016 04:51

antonkartashov / parallax.js

Created March 2, 2016 03:52

	var layer = document.getElementsByClassName("header-wrap")[0];

	window.addEventListener('scroll', function() {
	var scrolltop = window.pageYOffset;
	layer.style.top = -scrolltop * .09 + 20 + 'px';
	layer.style.opacity = 1 - scrolltop * .002;
	});

antonkartashov / responsive-video.jade

Last active February 9, 2016 11:26

	.h_iframe
	// transparent image
	img.ratio(src="http://placehold.it/16x9")

	iframe(data-src="https://www.youtube.com/embed/", frameborder="0", allowfullscreen)

antonkartashov / responsive-video.styl

Created February 9, 2016 11:21

antonkartashov / wemake.html

Created February 9, 2016 09:52

	<!DOCTYPE html>
	<head>
	<style>
	.responsive {
	width: 100%;
	height: 100%;}

	.content-wrap {width: 560px; margin: 0 auto;}

	@media (min-width: 1170px) {

antonkartashov / first-paragraph.styl

Created February 9, 2016 07:19

antonkartashov / dasha-zaichanka.coffee

Last active January 28, 2016 10:24

	layers = []

	for i in [0..5]
	lay = new Layer
	width: 750, height: 300
	y: 20 + i * 320
	backgroundColor: Utils.randomColor()

	lay.on "click", ->
	for j in [0..5]