Anton Kartashov antonkartashov
antonkartashov
/ flexbox-centred.styl
Last active
November 27, 2015 17:57
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container | |
| width 100% | |
| height 100% | |
| display flex | |
| align-items center | |
| justify-content center | |
| .item | |
| max-width 640px |
antonkartashov
/ tap.coffee
Last active
January 20, 2016 16:22
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| touchDown = false | |
| tapPosition = | |
| x: 0 | |
| y: 0 | |
| layerA.on Events.TouchStart, (e) -> | |
| touchDown = true | |
| tapPosition.x = Events.touchEvent(e).clientX | |
| tapPosition.y = Events.touchEvent(e).clientY |
antonkartashov
/ header-blur.coffee
Created
January 26, 2016 19:54
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| header = new Layer | |
| width: Screen.width, height: 128 | |
| backgroundColor: "rgba(255, 255, 255, .42)" | |
| shadowY: 2, shadowBlur: 0, shadowColor: "rgba(0, 0, 0, .15)" | |
| style: "-webkit-backdrop-filter" : "blur(50px)" |
antonkartashov
/ dasha-zaichanka.coffee
Last active
January 28, 2016 10:24
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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] |
antonkartashov
/ first-paragraph.styl
Created
February 9, 2016 07:19
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .content > p:first-child | |
| font-size 1.2em | |
| font-weight 100 | |
| .content > p:first-child + hr | |
| border 0 | |
| margin-bottom 3em |
antonkartashov
/ wemake.html
Created
February 9, 2016 09:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <style> | |
| .responsive { | |
| width: 100%; | |
| height: 100%;} | |
| .content-wrap {width: 560px; margin: 0 auto;} | |
| @media (min-width: 1170px) { |
antonkartashov
/ responsive-video.styl
Created
February 9, 2016 11:21
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .h_iframe | |
| position relative | |
| .h_iframe .ratio | |
| display block | |
| width 100% | |
| height auto | |
| .h_iframe iframe | |
| position absolute |
antonkartashov
/ responsive-video.jade
Last active
February 9, 2016 11:26
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .h_iframe | |
| // transparent image | |
| img.ratio(src="http://placehold.it/16x9") | |
| iframe(data-src="https://www.youtube.com/embed/", frameborder="0", allowfullscreen) |
antonkartashov
/ parallax.js
Created
March 2, 2016 03:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ draggable-array.coffee
Last active
March 26, 2016 04:51
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| new BackgroundLayer | |
| layers = [] | |
| icons = [] | |
| for i in [0..5] | |
| icons[i] = new Layer | |
| y: 223 * i + 60 | |
| maxX: Screen.width - 40 | |
| scale: 0 |