Полезные инструменты. Выпуск 3.

30.06.2014

Марина Лебедева

Выпуск 3. Сегодняшний выпуск посвящён трюкам и уловкам с графикой, которые можно применять в ежедневной разработке.

1. Наверняка вы на своём сайте используете изображения. Каким образом вы это делаете?

Мы для повышения производительности и скорости используем спрайты. Спрайт — это больша́я картинка, которая содержит в себе все маленькие изображения, которые нужны на сайте. Таким образом, уменьшается количество запросов к серверу.


Sprite Cow. Вот наш ответ. Это довольно изящный инструмент, который позволяет очень легко использовать спрайты на вашем сайте. Вы загружаете спрайт в сервис и можете очень просто получить CSS для каждой из картинок спрайта. Делать это в ручную — боль.

2. Tiny PNG. Действительно отличный инструмент, который может уменьшить размер ваших PNG файлов. Браузеры воспринимают PNG не так как редакторы изображений, например, Photoshop. Можно выполнить индексирование PNG с прозрачностью. Photoshop, например, выполнить такого не может.


Вы можете сохранить изображение в редакторе, затем загрузить его в Tiny PNG и после этого получите индексированный PNG, который отлично подойдёт для вашего сайта.

3. Spin.JS


Вы можете положить этот кусок JavaScript и он создаст Ajax спиннер без единого изображения или внешних CSS файлов. Самое занимательное то, что вы можете настроить его внешний вид и у него нет никаких зависимостей — даже не нужен jQuery.

4. UI Cloud.

Этот сервис похож на поиск, но не простой поиск, а специализированный поиск по UI паттернам, например, можно задать Progress bar. Элементы можно использовать как примеры для собственных наработок 😉

5. Iconmonstr — это куча бесплатных, свободных для использования, простых иконок для вашего сайта. Иконки можно сортировать как вам угодно.


Будьте классными.

  • Инструменты для разработчика

Комментарии

Добавить комментарий

Вы вернулись, чтобы дочитать статью? Кликните на меня, я найду то место, где вы остановились.