CSS/JavaScript animations in Firefox OS 3.0.0
Try to guess which animation is hardware-accelerated and which one isn't.
If you compare the timelines for the two animations in the Chrome dev tools, you'll see a big ugly staircase for the "dragging" animation, but a nice purple bar for the "tap" animation. You can try it live here: http://plnkr.co/edit/0RXSDB?p=preview
This is the price we pay for trying to control our animations with JavaScript. It would be nice to be able to animate smoothly when the user is dragging their thumb across, but for now, it's not possible.
The current best practice for 60 FPS seems to be straight-up CSS transforms or the FLIP technique:
* http://www.pocketjavascript.com/blog/2015/2/2/smooth-animations-in-css
* http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
* http://aerotwist.com/blog/flip-your-animations/
Hopefully the Web Animations API or the "animation triggers" proposal will fix this:
* https://w3c.github.io/web-animations/
* https://lists.w3.org/Archives/Public/www-style/2014Sep/0135.html
Firefox OS nightly 3.0.0 build 20150217, running on a Flame developer phone. Prototype app using Ionic Framework with the "side menu" template.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «CSS/JavaScript animations in Firefox OS 3.0.0», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.