Pull to refresh

Comments 27

Меня больше удивляет откуда взялось слово «таблицы» в Cascading Style Sheets ;-) А в технических статьях следует писать по-английски, это я погорячился.
Просто и понятно. Кириллицей лучше не написать.
Но всё-равно неправильно. Правильно — «СиЭсЭс». Так зачем делать замечание, если сами пишем неправильно?
Что интересно, на андроиде (тоже ведь WebKit) страничка JQuery с анимациями не тормозит.
А вот на вашем демо третий вариант (Animation based on translate3d with preset) действительно лучше остальных смотрится, может быть потому, что первые два варианта почему-то выделяются при клике, а третий — нет.
Как доберусь до андроида — обязательно его поковыряю. А как на нем вот эта галерея работает, не могли бы сказать? На айфоне жутко.
Так себе работает, вместо плавной анимации видно около 5 кадров. Не уверен, считается ли это за «жутко» :-)
Может мы с вами разными андройдами пользуемся? У меня лично страница с jquery тормозит(htc wildfire, android 2.2.1, webkit 3.1) — не так сильно, что бы вызывало трудности при просмотре, но достаточно, что бы раздражать.
В первом тесте(Animation examples for iPhone/iPad) первый пример двигается рывками, второй выглядит приятно, третий идет также как в обычном браузере
Второй тест провален полностью. Картинки открываются с задержкой(анимация не отрисовывается вовсе)

Но работа проделана отличная.
Разными, у меня Desire — он побыстрее будет.
Что интересно, не тормозит она и на WP7. 5 кадров в секунду, иногда — больше, без «залипаний». А вот Ваши примеры не работают, видимо мобильный IE не достаточно html5.
Мобильный IE не достаточно webkit. Да и HTML5 тоже. Это всё-таки IE7+, даже не IE8.
Зато работает так быстро, что всё остальное ему можно простить. Пока страничка автора — первая встретившая мне, которую он отобразил некорректно.
я как раз разрабатываю анимацию сворачивания-разворачивания сложной страницы, перегруженной графикой, и должен сказать что обычный jquery slide тормозит не только на мобильниках, но иногда и на писюках, причем довольно мощных. в последних версиях браузеров (те что беты или еще не распространены) все конечно шикарно, но…
и пришли мои мысли к такому же решению, только вот пока руки не дошли попробовать
а есть ли что-то похожее для фф, даже в ксс3, его же держит частично и третья версия?
-moz-translateX и -moz-transition есть в FF4. В 3.6 нет transition, придется делать явой.
Скажите, а как с помощью Java сделать то, что описано в топике?
тут отдельная статья нужна
Пока вы тут на жквери куличики лепите, scripty2 уже достаточно давно во всех эффектах пытается как можно больше отрисовать при помощи css-анимации на браузерах, которые это умеют. Код там достаточно зрелый и вполне production-ready. Ну как минимум сильно более надежный пятиминутных наколенных поделок.

scripty2.com/
Спасибо большое за ссылку. Очень интересная библиотека, но, к сожалению, не вполне production-ready.
Сожалею, но:

В Chrome загрузка одного ядра процессора держится постоянно на 100%
В Opera какие-то проблемы с динамическими CSS-свойствами :(

Библиотека интересная и можно многое почерпнуть, но пока остаюсь со своими велосипедами весом всего 8KiB
Sign up to leave a comment.

Articles