ModestesGonze

Я лишь добавлю это - https://github.com/dypsilon/frontend-dev-bookmarks

Разметить можно в илюстраторе, при сохранении там будет кнопка "код SVG"
А оживить можно любой SVG библиотекой.

jsfiddle.net/nr3qj8wm

Вы каждый чих Gulp'а будете спрашивать?
Извиняюсь за грубость, но включите мозг.
В конце концов есть ведь документация и к Gulp и к плагинам.

И да, у вас много лишнего в gulpfile, сначала разберитесь как пишутся таски и как они выполняются.

gulp.task('css', function () {
    gulp.src('откуда берем')
    .pipe(concatCSS('название файла'))
    .pipe(gulp.dest('куда сохраняем конкат версию'))
    .pipe(minifyCSS())
    .pipe(rename({
        suffix: '.min'
    }))
    .pipe(gulp.dest('куда сохраняем мин версию'));
});

Просто я реально не понимаю сути этих всех прелестных менеджеров!

Сказали ведь, автоматизация )
Я по началу тоже задавался этим вопросом.

Скажем так, если ты пишешь на Jade или другом шаблонизаторе + CSS препроцессор + CoffeeScript и проект разделен на множество файлов (модульность), то в таком случае это очень удобно, все это собирается буквально одной строчкой в консоле.
Плюс к этому добавь дополнительные плюшки в виде оптимизации изображений на лету, добавление актуальных префиксов и т.д.
А если еще и Bower(менеджер пакетов) прикрутить, то вообще лепота.

Использовать эти инструменты для какой-то одной или двух из этих задач конечно глупо.

Использую Sublime.
Очень нравится Brackets, особенно в связке с плагином Extract for Brackets, но редактор тормозит еще больше. Если его нормально оптимизируют, перейду на него, а пока увы и ах.

fancybox в помощь, чтобы разделить по альбомам нужно указывать для изображений rel="album1", rel="album2"....

Стесняюсь спросить, а зачем вам overflow: hidden; в team? уберите его и ничего не будет обрезаться.
И почему на css не сделали, проще ведь.