Сервисы для генерации индикаторов загрузки

Сервисы для генерации индикаторов загрузки

Всем привет!

Сегодня мы рассмотрим сервисы, с помощью которых можно создать подходящую для вашего проекта иконку загрузки. Вы, конечно, можете нарисовать ее сами в том же Фотошопе, но это не всегда удобно и почти всегда довольно долго.

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

Preloaders.net

загрузчик ajax

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

AjaxLoad.info

загрузчик ajax

Как мне кажется, это самый известный сервис такого рода. Можно выбрать индикатор, его цвет и цвет фона (его можно сделать прозрачным). Доступно 37 иконок.

LoadInfo.net

загрузчик ajax

Внешним видом отличается от предыдущих, плюс там есть иконки, которых я больше нигде не видел (специфичные, но довольно неплохие). Для каждой из 132-х иконок можно задать цвет фона, цвет иконки и размер — 16х16, 32х32 или 48х48.

Сервис от Веб Скрипт Лаб

загрузчик ajax

У этих парней в наличии есть 34 иконки, для которых помимо общепринятых цветов можно задавать и скорость. Размер, правда, менять нельзя. Кстати, выбор иконки в селекте сделан неудобно — нужно сначала выбрать, и лишь потом можно увидеть как выглядит иконка.

Chimply.com

загрузчик ajax

У этих ребят не все иконки такие же клевые, как у сервиса ЛоадИнфо, но зато здесь вы можете задавать различные параметры каждой иконки, такие как скорость, направление вращения, количество палочек (кружочков, ромбиков и т.д.), размер и цвета.

 

Так, я ничего не забыл? Если я вдруг обошел какой-то сервис стороной, кидайте ссылку в комментарии. Пока!

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 10

Andrew Pivovarov
Спасибо, есть парочка мне неизвестных, добавлю в коллекцию
Restorator
Да ну иконки не очень.
Neutron
Restorator, если не нравятся готовые - всегда есть вариант нарисовать самому...
Webprofiters
Restorator, почему не очень? На том же AjaxLoad вполне себе традиционные иконки, которые используются на большинстве сайтов - очень аккуратные и привычные для пользователя.
Deromanok
Спасибо за подборку, как раз искал такие сервисы.
#
Deromanok
metfil1
а куда это втавлять на укозе???
#
metfil1
anadikt
вот и меня интересует тот же самый вопрос про укоз ... отпишитесь ктонить плизззз.. очень надо
bescom
Хм... Спасибо за описание. Реально не знал о существовании таких сервисов. Наверняка пригодится.
Иван
Полезным для веб разработчиков будет также бесплатный сервис от Xeosoft http://xeosoft.com/ajaxloader Можно создать свой собственный загрузчик за пару секунд, настроив цвет, прозрачность, тип индикатора и скорость анимации.
Кроме того, сегодня с поддержкой HTML 5 можно воспользоваться бесплатной библиотекой JavaScript AjaxLoader.js http://musicvano.github.io/ajaxloader/ Эта библиотека с открытым исходным кодом довольно проста в инсталяции на сайт и позволяет управлять параметрами спиннера динамически во время выполнения.
Иван
Полезным для веб разработчиков будет также бесплатный сервис от Xeosoft. Можно создать свой собственный загрузчик за пару секунд, настроив цвет, прозрачность, тип индикатора и скорость анимации.
Кроме того, сегодня с поддержкой HTML 5 можно воспользоваться бесплатной библиотекой JavaScript AjaxLoader.js. Эта библиотека с открытым исходным кодом довольно проста в инсталяции на сайт и позволяет управлять параметрами спиннера динамически во время выполнения.

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler