Иван Беленков

На самом деле, действительно нужно перечислять вручную. На стаке указана старая версия синтаксиса. Вот пример из документации:

concat: {
    bar: {
      src: ['src/bb.js', 'src/bbb.js'],
      dest: 'dest/b.js',
    }
  }

Но лично я предпочитаю webpack, где не надо лазить в конфиг, чтоб добавить файл.
Превосходный скринкаст по webpack от Ильи Кантора - https://www.youtube.com/playlist?list=PLDyvV36pndZ...

UPDATE:
Не заметил сразу вашего комментария. Вот что нарыл:
В uglify по умолчанию включена опция hoist_funs. Если у вас имеются функции, объявленные глобально - они переносятся наверх. Решения два:
1) код во всех файлах, которые написали вы, обернуть в модуль - (function(){})();
2) отключить опцию hoist_funs

options: {
  compress: {
    hoist_funs: false
  }
}

вот тут важная пометка имеется:

iOS has an issue preventing background-position: fixed from being used with background-size: cover

там же ссылка на воркэраунд.

А теперь — самый короткий вариант. Просто запрещаем переход при первом клике =)

$(".categoriesPage .categoryBox .textBox").one("click", false);

На самом деле, если вы назовёте метод другим произвольным именем, то Babel будет отвечать вашим ожиданиям - Переименуем метод в doIt
У себя в примере вы использовали зарезервированное слово do, во избежание конфликтов Babel переименовал метод в _do. И обратился к нему по ключу в виде строкового литерала.

Выражение в коде того, что написал kn1ght_t

$(function () {
        var total_width = 600;

        $("#col-left").resizable({
            grid: [1, 10000]
        }).bind( "resize", resize_other);

        function resize_other(event, ui) {
            var width = $("#col-left").outerWidth(),
                widthbigcon = $("#big-container").outerWidth(),
                widthPercent = 100*width/widthbigcon,
                widthRightPercent = 100 - widthPercent;

            $('#col-left').css('width', (widthPercent + '%'));
            $('#col-right').css('width', (widthRightPercent + '%'));
        }
    });

По-поводу условия, о котором спросили в комментариях, я бы сделал так:

getWindowWidth();
$(window).resize(getWindowWidth);

function getWindowWidth() {
  var bodyWidth = $('body').outerWidth();

  
    if (bodyWidth <= 590) {
        $('body').removeClass('wide');
    } else {
        $('body').addClass('wide');
    }
    // здесь необходимо выполнить функцию resize_other, на случай, если окно
    // изменит свою ширину, в результате ресайза юзером.
    resize_other();
}

Тогда функция с условием будет выглядеть так:

$(function () {
        var total_width = 600;

        /* код из предыдущего блока вставить сюда =) */

        $("#col-left").resizable({
            grid: [1, 10000]
        }).bind( "resize", resize_other);

        function resize_other(event, ui) {
          if($('body').hasClass('wide')) {
            var width = $("#col-left").outerWidth(),
                widthbigcon = $("#big-container").outerWidth(),
                widthPercent = 100*width/widthbigcon,
                widthRightPercent = 100 - widthPercent;

            $('#col-left').css('width', (widthPercent + '%'));
            $('#col-right').css('width', (widthRightPercent + '%'));
          } else {
            $('#col-left').css('width', '100%');
          }
        }
    });

Смело играйтесь с размером шрифта и интерлиньяжем. Никогда не трогайте кёрнинг, он в браузерах всё равно отстойный. Если вам нужно какое-то особое начертание(болд, к примеру), то используйте соответствующий шрифтовой набор, а не кнопки на панельке шрифтов. Не масштабируйте шрифты, css это не умеет(в теории css может сделать condensed, но работает это из рук вон). Базовую линию тоже желательно никуда не двигать(если вы, конечно, не делаете всякие сноски и индексы). Да, и не забывайте проверять, чтоб после всяких операций(например, масштабирования) размер кегля сохранял целочисленное значение.
Ещё, моё личное предпочтение, не используйте перенос строки на этапе набора текста, лучше задайте ширину блока, пусть PS переносит слова автоматически. В таком случае, текст скопируется одной строкой. Ну да, и сглаживание в Sharp для мелкого текста.

Когда анонсируется новое свойство, ещё толком неизвестно, какой в результате будет синтаксис. Довольно часто итоговый синтаксис меняется полностью(как было, например, с флексбоксом). Если вы обратите внимание на тот же градиент, то увидите, что во всех свойствах с префиксом он описывается по-разному. Если б это свойство ввели сразу без префикса, то в устаревших(но используемых) браузерах оно бы сейчас не работало совсем, а в сайтах, созданных год назад, оно соответственно не работало бы в современных.

там где-то должна быть полная карта сниппетов, но в принципе можно и так:
Preferences -> Package Settings -> Emmet -> Settings - User
И там, к примеру:

{
    "snippets": {
        "css": {
            "abbreviations": {
                "dib": "display: inline-block;\n*display: inline;\n*zoom: 1;"
            }
        }
    }
}

А полные настройки у меня лежат по этому пути:

C:\Users\user\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet

в файле snippets.json