Polymer: Everything is an element

[melky]

Клёвая штука. Клёвый компонент анимации (Web Animations). Мне нравится.

Кто что думает? Как оно готово для продакшена?

[kobezzza]

Ты про web components и либу полифил? Мне кажется она пока сыровата для продакшена.

[Octane]

Насколько я понял, вся библиотека построена на основе 3х полифилов для Custom Elements (document.register), Shadow DOM и HTMLTemplateElement, которые почему-то называют

web components

[melky]

Ты про web components и либу полифил?

ну да, про неё.
Только вот непонятно, можно ли взять готовый компонент, вставить его на страницу и стилизовать его под дизайн (там ведь Shadow DOM - т.е. для стилизации под проект нужно будет изменять код самого компонента?)

И не понятно, как будут дела с SEO у этих кастомных элементов. Скорее всего, будем ограничиваться <div is="x-video-element">

3 полифила

чуть не так. это так назвали не полифилы, а новые появляющиеся стандарты :

Custom Elements (document.register), Shadow DOM и HTMLTemplateElement

и ещё HTML Imports

А сам Polymer - это вот что :

Polymer is a library that uses the latest web technologies to let you create custom HTML elements.

и там, внутри этой либы, есть полифилы для Web Components.

хм. значит, надо хотя бы глянуть, что это такое)

[Maxmaxmaximus100]

я кстати ка увидел призентацию совершенно не понялл зачем одно нужно когда есть ангуляр, я тогда еще яро юипилил (щас присостановил, работа) и подумал "хи, а шадоу доу я стырю" .

[melky]

зачем одно нужно когда есть ангуляр

LOL

в веб компонентах, короче говоря, целый стек

и это разные вещи. интересно , можно ли будет использовать ангуляр с полимером. одно ведь другому мешать не должно, как мне кажется

[Gozar]

Ты про либу полифил?

Использую https://github.com/web-animations если вы про нее, пока доволен. Все ослы мимо кассы, хз почему. В остальном не работают некоторые свойства например background-color rgba() - нельзя менять opacity. Есть группировка анимации, последовательность и группировка с последовательностью

[melky]

Использую https://github.com/web-animations если вы про нее, пока доволен. Все ослы мимо кассы, хз почему. В остальном не работают некоторые свойства например background-color rgba() - нельзя менять opacity. Есть группировка анимации, последовательность и группировка с последовательностью

а можно сварганить анимацию на таймлайне и пустить её проигрывание по событию прокрутки?

т.е. анимация будет проигрываться в процессе прокручивания

[Gozar]

melky,
Возможности: https://github.com/web-animations/we...imation-timing

[melky]

melky,
Возможности: https://github.com/web-animations/we...imation-timing

не. чуть не то.
это контроль внутреннего прогресса - fractionalTime - абстракция над прогрессом всей анимации. К анимации применяются приколюхи вроде направления проигрывания (reversed, alternate ...), скорости проигрывания (play rate. это есть в GSAP, точно. И тут тоже), числа повторов и так далее - после их всех изменяется только fractionalTime, а прогресс всей анимации как был от нуля до одного, так и продолжает идти от нуля до одного.

Хм.. я что-то не вижу возможности для проигрывания по прокрутке. Идея в том, чтобы пустить вот этот тикер

https://github.com/web-animations/we...tions.js#L5543:

не через setTimeput\rAF, а как-нибудь самому (например, через wheel event listener)

нужно поближе глянуть.