SirMustache

document.addEventListener('wheel', function(e){console.log(e.deltaY)})

1) RTFM
2) start().then(friends => { /* your code *? });

var a = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]

a.slice(0,10) // вернет [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

использовать цикл:

for(var data = [], g = 0, i = a.length - 1; i >=o; i=i-10) {
  data[g++] = a.slice(i,i-10)
}

Сверстать сайт с шириной в 1600 пикселей не проблема. Проблема сделать так, чтобы контент хорошо было видно на десктопах с более низкой шириной, аля 960-1300, имея всю ту же pixel-perfect верстку. Просить отдельный макет для мелких десктопов - мертвый номер, ибо почти никто не будет над таким париться. Делать примитивную резину для десктопа - выбор для тех, кого устраивает клепание говносайтиков. Ибо на сайтах с нормальным дизайном важно сохранение пропорций, 2015 год все таки.
Я сейчас пилю фронт-енд для китайского интернет-магазина, у которого все десктоп макеты 1800px шириной. При этом им важно, чтобы на каком-нибудь ноутбуке с 1376x768 все выглядело так же, но при этом влезало. В итоге делаю все в rem юнитах. 1800 пикселей стартовая точка, где html, body {font-size: 125%;}, то есть 1rem = 20px (о том, почему не 62.5% для 1rem=10px, напишу ниже). Далее, через media-queries, снижаясь на каждые 10% от ширины, уменьшаю font-size на 10% (то есть на 12.5% в нашем случае). И так вплоть до 1.1к пикселей, то есть почти самого низкого десктопа. Заказчик в восторге, все выглядит ровно так как ему надо на всех разрешениях во всех браузерах (ему естественно не нужен убогий ie8).
По поводу font-size: 125% - я изначально делал 62.5%, но при понижении до 40%- font-size (аля ~1300px) вебкитовские браузеры на MacOs начинали считать что такая величина шрифта слишком мала для юзера и сами по своей воле рандомно увеличивали габариты элементов. Увеличив весь font-size вдвое, проблема изчезла.

Есть еще парочка вариантов:

// передача this
    getData: function (urlData) {
        $.ajax({
            url: url,
            success: this.render.bind(this)
        });
    },
        
    // или же сохранение ссылки на this в переменной
    getData: function (urlData) {
        var self = this;
        
        $.ajax({
            url: url,
            success: function (result) {
                self.render(result);
            }
        });
    },
        
    render: function (data) {
        //
    }

Пример
Используем псевдоэлементы и трансформацию.
Простые углы реализуем за счёт рамки. Однако, если потребуется тень, придётся и там применить трансформацию.
Для сложных углов вводим вложенный элемент и используем внутреннюю тень.
И, конечно же, всегда есть вариант с использованием SVG в качестве фона (или напрямую).

Возможно. Примерно вот так (пока корректировал положение нижней планки, кто-то поэкспериментировал и сделал вторую версию:).
Близкая тема Как реализовать не стандартные (обрезанные) границы в блоке,за которым имеется цветной фон?

<script src="js/file.js?<?=filemtime( 'js/file.js' )?>" />

лучше всего время изменения файла

width:calc(100% - 80px);

Вот всё бы вам событие останавливать... Есть же target jsfiddle.net/petroveg/y8tcq2st
Ваши остановки на дадут статистику собрать пользовательскую.

Минусы
1) получается тормозное и багнутое говно
2) занимает столько же времени, а может и больше
3) задолбаешься модифицировать
4) не бесплатно
5) остаешься нубом

Плюсы
1) можно снять с себя отвественность за верстку