Михаил Горячкин

var http = require('http');
var fs = require('fs');

var file = fs.createWriteStream("file.jpg");
var request = http.get("http://test/test.jpg", function(response) {
  response.pipe(file);
});

<form role="form" id="form" action="catalog/vse-tovaryi/" data-def="catalog/vse-tovaryi/">
  <select name="ms|price">
      <option value="">Любая</option>
      <option value="500">500 рублей</option>
  </select>
        <select name="msoption|tags">
      <option value="1">Тэг 1</option>
      <option value="2">Тэг 2</option>
  </select>

  <button type="submit">Подобрать</button>
</form>

window.onload = function () {
	var form = $('#form'), def = form.data('def'), data = {}, action;
  
  $(document).on('change', '#form select', function () {
  	var el = $(this), val = el.val(), name = el.attr('name');
    if (val) {
    	data[name] = val;
    } else {
      delete data[name];
    }
    action = def + "?";
    for(var i in data) {
      action += i + "=" + data[i] + '&';
    }
    action = action.substr(0, action.length - 1);
    form.attr('action', action);
  });
};

<div class="wrapper">
  <div class="circle">
      <i></i>
  </div>
  <div class="circle">
      <i></i>
  </div>
  <div class="circle">
      <i></i>
  </div>
</div>

body, html {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  text-align: justify;
  background-color: #000;
  
  &:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  
  .circle {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    height: 100%;
    
    i {
      display: block;
      background-color: yellow;
      width: 100%;
      padding-bottom: 100%;
      border-radius: 50%;
    }
  }
}

var link = document.createElement("a");
link.href = "test";
link.download = "test.zip";
var event = document.createEvent("MouseEvents");
event.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
link.dispatchEvent(event);

var latestKnownScrollY = $('html').scrollTop() || $('body').scrollTop();
$(window).on("scroll", function () {
    latestKnownScrollY = $('html').scrollTop() || $('body').scrollTop();
});
$(window).on("mousewheel DOMMouseScroll", function(event) {
    var scrollTo,
          scrollDistance  = 400,
          delta;
    if (event.type == 'mousewheel') {
          delta = event.originalEvent.wheelDelta / 120;
    } else if (event.type == 'DOMMouseScroll') {
          delta = - event.originalEvent.detail / 3;
    }
    scrollTo = latestKnownScrollY - delta * scrollDistance;
    if (scrollTo) {
        event.preventDefault(); 
        event.stopPropagation(); 
        $('body,html').stop().animate( { 
            scrollTop : scrollTo
         } , 500);
     }  
} );

body,html {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  height: 100%;
  transition: background 1s;
  background: none;
}

(function (w, d) {
	w.onload = function () {
		var wp = d.querySelector('.wrapper'),
        colors = ['yellow', 'red', 'green', 'blue'],
        ln = colors.length;
    
    var changeColor = function (i) {
      if (i < ln) {
        setTimeout(function () {
          wp.style.cssText = "background: " + colors[i] +";"; 
          i++;
          changeColor(i);
        }, 2000);
      } else {
        changeColor(0);
      }
    };
    
    changeColor(0);
  };
}(window, document));

<div class="treangle">
  <div class="treangle--left"></div>
  <div class="treangle--right"></div>
</div>

body, html {
  height: 100%;
  width: 100%;
}
.treangle {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  overflow: hidden;
  
  [class*='treangle--'] {
    width: 100%;
    height: 50%;
    position: absolute;
    background-color: yellow;
  }
  
  .treangle--left {
    float: left;
    left: -50%;
    transform: rotate(20deg);
    transform: matrix(-1, -0.2, 0, 1, 0, 0);
  }
  
  .treangle--right {
    float: right;
    right: -50%;
    transform: rotate(-20deg);
    transform: matrix(1, -0.2, 0, 1, 0, 0);
  }
}

$("div#" + thisColID + " div:first-child").attr('id');

var getBlockInColumn = function() {
	var thisColID = $(this).attr('id'), children = $("div#" + thisColID).children();
        if (children.length) {
            alert($(children[0]).attr('id'));
        }
};

$(document).ready(function(){
	$(".column").on("click",getBlockInColumn);
});