> анимация отжирает 10-12% моего core i5 процессора
Есть такое. Может можно что-то оптимизировать.
Притормаживание — полагаю, проблема браузеров? Эту анимацию тестил только в хроме. Но раньше тестил другие эффекты и анимации на jquery — притормаживание было, по крайней мере в первую итерацию. Может кто знает, как это исправить?
Подобный альтернативный подход может использоваться не только для анимации загрузки. Если в проекте предлолагается и другая графика, можно рассмотреть такой вариант.
Это аналогично использованию border-radius вместо рисования картинок. Суть в упрощении и оптимизации.
Написание css основной функции js заменяет рисование в графическом редакторе. Только в предлагаемом подходе не нужно осваивать графический редактор и переключаться от программирования и рисованию.
> Нет там никакого «продукта нового типа». Благо ajaxload.info/ позволяет об этом вообще не думать.
Я говорю не продукте нового типа, а другого типа — картинке. Указанный Вами сервис интересен, но он предлагает один из вариантов. Что если Вы хотите сделать особую анимацию?
> Вам часто приходится редактировать анимацию загрузки? Ну-ну
К примеру если в разных проектах я использую похожие анимашки, но отличающиеся общепринятых. Или в разных местах проекта они немного отличаются, например, размером.
К тому же, если хочется выделиться на общем фоне, то анимашку, представляющую из себя код, сложнее скопировать из чужого проекта, чем просто картинку.
> И главное все подается под таким пафосным соусом — сделать решение удобнее для себя и лучше для пользователей. При том, что оно не удобнее и не лучше.
Ваше мнение. Для меня, возможно, удобнее. Надо еще применить на практике, до этого руки еще не дошли.
Лучше — реально для пользователя здесь, пожалуй все-равно. Главное, что он видит, что ожидается.
Нагрузка на сервер, как я написал,- не основная.
Основная — лень, желание экспериментировать, сделать решение удобнее для себя и лучше для пользователей.
.js и .css файлы и так всегда присутствуют в проекте веб-приложения. Таким образом число действий для достижения результата (создание и редактирование анимашки) уменьшается.
Исходя из этого, для меня такое решение является интересным.
Вот удобное приложение вконтакте — app2996442
Есть такое. Может можно что-то оптимизировать.
Притормаживание — полагаю, проблема браузеров? Эту анимацию тестил только в хроме. Но раньше тестил другие эффекты и анимации на jquery — притормаживание было, по крайней мере в первую итерацию. Может кто знает, как это исправить?
Спасибо за демку.
Это не так.
По возможности стараюсь графику не использовать вообще. Только при необходимости. Большие картинки — другое дело.
Это аналогично использованию border-radius вместо рисования картинок. Суть в упрощении и оптимизации.
Не понимаю что имеете в виду.
> Ага, а JS и CSS нам напишут гномики?
Написание css основной функции js заменяет рисование в графическом редакторе. Только в предлагаемом подходе не нужно осваивать графический редактор и переключаться от программирования и рисованию.
> Нет там никакого «продукта нового типа». Благо ajaxload.info/ позволяет об этом вообще не думать.
Я говорю не продукте нового типа, а другого типа — картинке. Указанный Вами сервис интересен, но он предлагает один из вариантов. Что если Вы хотите сделать особую анимацию?
> Вам часто приходится редактировать анимацию загрузки? Ну-ну
К примеру если в разных проектах я использую похожие анимашки, но отличающиеся общепринятых. Или в разных местах проекта они немного отличаются, например, размером.
К тому же, если хочется выделиться на общем фоне, то анимашку, представляющую из себя код, сложнее скопировать из чужого проекта, чем просто картинку.
> И главное все подается под таким пафосным соусом — сделать решение удобнее для себя и лучше для пользователей. При том, что оно не удобнее и не лучше.
Ваше мнение. Для меня, возможно, удобнее. Надо еще применить на практике, до этого руки еще не дошли.
Лучше — реально для пользователя здесь, пожалуй все-равно. Главное, что он видит, что ожидается.
Не понял.
> Где они там уменьшаются? Вместо img src= писать два десятка строк на JS и CSS — это уменьшение действий? Где?
Вместо img src= — div class=«loading» /div
В плане создания — нет необходимости создавать продукт совершенно другого типа — рисовать картинки.
В плане редактирования — вместо создания новой картинки, просто изменить или указать в конкретном случае новые параметры для анимации.
Основная — лень, желание экспериментировать, сделать решение удобнее для себя и лучше для пользователей.
.js и .css файлы и так всегда присутствуют в проекте веб-приложения. Таким образом число действий для достижения результата (создание и редактирование анимашки) уменьшается.
Исходя из этого, для меня такое решение является интересным.