Регистрация  |  Вход

Spinners (Preloaders)

Вот сколько раз замечаю во время разработки что когда настает время прикрутить спиннер каждый раз приходится гуглить решение. И каждый раз ничего путного кроме Spin.JS не нагугливается. Зато когда не надо, постоянно под руку попадаются классные минимальные решения.

Предлагаю поделиться здесь своими предпочтениями по поводу спинеров/прелоадеров/крутилок

Вот мне на глаза попалась статья на Хабре с подборкой крутилок. Попробую что-нибудь свежее.
Обзор анимации с codepen для страниц загрузки сайта

Вот сколько раз замечаю во время разработки что когда настает время прикрутить спиннер каждый раз приходится гуглить решение. И каждый раз ничего путного кроме [url=http://spin.js.org/]Spin.JS[/url] не нагугливается. Зато когда не надо, постоянно под руку попадаются классные минимальные решения.

Предлагаю поделиться здесь своими предпочтениями по поводу спинеров/прелоадеров/крутилок 

Вот мне на глаза попалась статья на Хабре с подборкой крутилок. Попробую что-нибудь свежее.
[url=https://habrahabr.ru/company/mr_gefest/blog/331236/]Обзор анимации с codepen для страниц загрузки сайта[/url]
[img]https://habrastorage.org/web/756/f36/686/756f366869cf4639861bfa09ef3e8863.jpg[/img]

Начиная вроде с версии 2.2.2 в slds есть нормальный спинер, реализованный не через гиф. Его и использую везде.

Начиная вроде с версии 2.2.2 в slds есть нормальный спинер, реализованный не через гиф. Его и использую везде.

Не нравится мне стандартный из slds.

Сегодня попробовал вот этот
https://codepen.io/jonginwon/pen/emfFD

чистый css. Никаких зависимостей. Класс!

Не нравится мне стандартный из slds.

Сегодня попробовал вот этот
https://codepen.io/jonginwon/pen/emfFD

чистый css. Никаких зависимостей. Класс!

Еще можно глянуть тут
http://cssload.net/ru

Еще можно глянуть тут
http://cssload.net/ru

Пользовался одно время какой-то гифкой, потом перешел на гифку слдса, потом перешел на svg slds. Более чем устраивали все 3 Ж)

Пользовался одно время какой-то гифкой, потом перешел на гифку слдса, потом перешел на svg slds. Более чем устраивали все 3 Ж)

Какой-то у SLDS совсем бедный спинер. Нет бы выбор предоставили. Мне очень быстро надоел. Не знаю svg не svg, но в последней реализации даже самый максимальный размер какой-то мелковатый. Пробовал масштабировать - становится еще ужаснее.

Какой-то у SLDS совсем бедный спинер. Нет бы выбор предоставили. Мне очень быстро надоел. Не знаю svg не svg, но в последней реализации даже самый максимальный размер какой-то мелковатый. Пробовал масштабировать - становится еще ужаснее. 

DevNull
Еще можно глянуть тут
http://cssload.net/ru

О! Спасибо за ссылку! Отличный ресурс. С ходу увидел пару замечательных примеров.

[quote="DevNull"]Еще можно глянуть тут
http://cssload.net/ru[/quote]
О! Спасибо за ссылку! Отличный ресурс. С ходу увидел пару замечательных примеров.