Pull to refresh

Comments 8

UFO just landed and posted this here
Надо более детально заняться вопросом спрайтов на своих сайтах.

В ответ на Ваш по частоте использование спрайтов -чаще всего их применяют в высоконагруженных проектах, а для обычных люди просто ленятся или чаще за это ни кто не платит вот и не делают.
Хотелось бы сервиса для нарезки спрайта на картинки (в идеале — автоматически, по css).
Генераторов — куча, генерировать я и сам прекрасно могу (compass прекрасен).
А вот что делать с уже имеющимися спрайтами — непонятно.
Как раз это в планах. Сейчас есть порезка картинки на равные части и по цвету бэкграунда.
Но надеюсь дойдут руки до импорта в проект css файла или по ссылке на html страницу.
Отличный инструмент получился. Мне пригодится в работе. Лучшее, что я видел по функционалу и настройкам.
Я перепробовал много, но пока так и не остановился на единственном варианте. Что-то удобнее там, что-то здесь.

Для меня есть 2 крайние задачи: первая — «верстаем спрайт» руками по определенным требованиям (тут ваш инструмент однозначный лидер), вторая — максимально автоматизируем процесс «верстки спрайта», с тем, чтобы при изменении исходников он собирался автоматически (включая CSS) без моего участия.

Со второй задачей мне понравилось как справляется csssprites.org (в топике с обзорами CSS-спрайт генераторов я писал о нем в комментариях).

Это java приложение, которое обрабатывает специальные директивы включенные в CSS файлы формируя «на лету» CSS спрайт(ы) и создавая соотв. записи в CSS файле. Файл остается валидным, т.к. все доп. директивы идут в блоках спец. комментариев.
Т.е. верстаем так, как если бы все спрайты были отдельными фоновыми иллюстрациями (background-image), а скрипт собирает все в спрайт сам.
Таким образом очень просто поддерживать и изменять отдельные файлы. Есть плагин под Eclipse IDE.

Вашему проекту желаю успехов. Буду следить.
Не нашел как выставить сразу всем картинкам в спрайте отступы друг от друга.
Для верстки под планшеты это обязательная вещь, иначе при зуме вылезут соседние изображения.
Нужно редактировать отдельно каждую картинку в спрайте, так как пока что групповое редактирование не реализовано
То есть, на вкладке Config нужно выбрать картинку(область) и отредактировать свойства Margin Left, Margin Right, Margin Top, Margin Bottom.
Хотя, на сколько я понял, для вашего случая не хватает именно задания отступов при размещении спрайтов. Спасибо за замечание, добавлю в TODO лист
Sign up to leave a comment.

Articles