Как стать автором
Обновить

Комментарии 8

Какой же отвратительный перевод!
Как и JS код )
Простите, я не понимаю, зачем здесь столько JS кода? Несклько gif взамен не были бы лучше? (с точки зрения и веса, и производительности). Может я что-то не понял в новомодных трендах?
Я думаю, что тут используется SVG+JS для легкой кастомизации кнопки (нужно будет сменить цвет на красный, например). Да и SVG на retina выглядит гораздо лучше (знаю, можно использовать @2x, но тут-то все из коробки).
Но вот качество конкретно этого JS страдает, это да.
Кода не так уж и много. Как вы с помощью GIF сделаете показ процесса загрузки в процентах?
Выглядит красиво. Но хватит отъедать впустую ресурсы моего компьютера! В 99.9% вы не сможете ничего адекватного выводить в виде процентов, а без них все делается в 10 строчек css: накидано за 20 секунд. В моем примере весь js только классы переключает.
Ни svg, ни сотни вложенных элементов, простой и чистый стиль (правда, не без своих недостатков).

P.S. Для галочки и крестика стоит использовать иконочный шрифт, картинку или что угодно, а так же паддинг немного съехал, поэтому прыгает, нужно бы поправить
Мне гораздо больше нравится. Даже не внешне, а с точки зрения понимания и поддержки кода. Открыл — и мне, даже нифига не фронтенд-разработчику, усе ясно.
Супер, гораздо предпочтительней того что в тстатье описано, но есть одно но:
.button.load {
    background-color: transparent;
}

Иначе при анимации и наведении мыши фон меняется и смотрится это все не ахти
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории