Денис Инешин

Тут конечно не только для дизайнеров, но в целом полно всего полезного: www.bypeople.com
Например в разделах: www.bypeople.com/gui или www.bypeople.com/freebies

Подправьте настройки анимации: jsfiddle.net/ra4hL5uh/1 А лучше сделайте через генератор:
matthewlein.com/ceaser

+ если плавности будет не хватать можно использовать для анимации не top, а делать через translate или translate3d

Ну если вы уж так сильно хотите обойтись без шаблонизатора, то можно сделать так: jsfiddle.net/ph2xnbfv/1

var html =
    '<div class="entry">' +
    '<h1>{{title}}</h1>' +
    '<div class="body">' +
    '{{body}}' +
    '</div>' +
    '</div>';

var title = "Vasya";
var body = "Pupkin";

var result = html.replace("{{title}}", title);
result = result.replace("{{body}}", body);

console.log(result);

Дизайн сайта является авторской собственностью ©

Рукалицо) Думаете то что вы освоили пару фильтров в фотошопе уже делает ваш дизайн таким желанным для воров?)

А так, лендинги можно вообще без CMS делать. Обычно инфа на них не меняется никогда или очень редко.

Для работы с коллекциями лучше всего подходит Lodash. На нем ваша задача решается элементарно:
jsfiddle.net/IonDen/y6pmns0o

var a = [
    {name: 'Vasya'},
    {name: 'Zina'},
    {name: 'Vasya'},
    {name: 'Vasya'},
    {name: 'Petya'},
    {name: 'Vasya'},
    {name: 'Petya'},
    {name: 'Vasya'}
];
    
var b = _.uniq(a, 'name');
console.log(b);

У автора всё сделано вручную, но вы можете посмотреть на парочку плагинов, они помогут начать:
www.pixxelfactory.net/jInvertScroll
janpaepke.github.io/ScrollMagic
codepen.io/pederan/full/Hheuy

Нажать на Insert, блин!