Дмитрий Сергеевич

Делать можно по разному. Технология называется timestamp. Советую ее загуглить и выбрать на каком языке и каким образом будет удобнее ее делать именно вам.

А где собрались продавать?

Встроенный в Хром инструмент разработчика достаточно точный

Эта проблема решается правильной структурой проекта.
Даже uncss становиться бесполезным если все изначально сделать правильно.

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Типографские правила
|   ...                  # и т.д.
|
|– components/
|   |– _buttons.scss     # Кнопки
|   |– _carousel.scss    # Карусель
|   |– _cover.scss       # Обложка
|   |– _dropdown.scss    # Выпадающий список
|   ...                  # и т.д.
|
|– layout/
|   |– _navigation.scss  # Навигация
|   |– _grid.scss        # Сетка
|   |– _header.scss      # Шапка
|   |– _footer.scss      # Подвал
|   |– _sidebar.scss     # Боковая панель
|   |– _forms.scss       # Формы
|   ...                  # и т.д.
|
|– pages/
|   |– _home.scss        # Стили, особые для главной страницы
|   |– _contact.scss     # Стили, особые для страницы контактов
|   ...                  # и т.д.
|
|– themes/
|   |– _theme.scss       # Тема по умолчанию
|   |– _admin.scss       # Тема админа
|   ...                  # и т.д.
|
|– utils/
|   |– _variables.scss   # Переменные Sass
|   |– _functions.scss   # Функции Sass
|   |– _mixins.scss      # Примеси Sass
|   |– _helpers.scss     # Помощники классов & placeholder’ов
|
|– vendors/
|   |– _bootstrap.scss   # Bootstrap
|   |– _jquery-ui.scss   # jQuery UI
|   ...                  # и т.д.
|
|
`– main.scss             # главный файл Sass

Да, господи, какие еще плагины. Простейший кейфрейм. Не ленись, скачай простейшую css3 анимацию с кейфреймом входа и выхода, затем просто вставь нужный транзишн эффект. Все, готово. Это проще чем кажется, поверь!

Пользуйся owl carousel. Лучший слайдер, с поддержкой тача и обширным API