Привет! Я Сергей, разработчик. Когда мне понадобилась легкая анимация лайка в стиле YouTube, я столкнулся с проблемой: готовые решения либо слишком тяжелые, либо плохо дружат с прозрачностью в браузерах.Не желая идти на компромиссы, я реализовал систему анимаций на Canvas. В статье…
В дизайне StackOverflow используются праздничные модальные окна, поэтому команда SO разработала удобный способ отображения конфетти. Первым решением был простой статический SVG с конфетти на заднем плане. Позже команда обнаружила 12 разных статических конфетти по всему коду и поняла, что нужен другой подход. Подробностями решения делимся под катом, пока начинается наш курс по Frontend-разработке. Читать дальше →
Если вы когда-либо писали автотесты для веб-приложений с элементом canvas, то наверняка знаете, как это может быть непросто. Canvas — это "чёрный ящик", где привычные инструменты UI-тестирования бессильны: внутри нет DOM-структуры, за которую можно зацепиться. При этом на экране canvas может отображать что угодно — от графиков с осями X и Y до сложных анимаций.Хотите узнать, как автоматизировать тестирование canvas без лишней боли? Давайте разберёмся на простом примере. Читать далее
1. Разбираемся в физике частиц: мяч на пружине 2. Разбираемся в физике частиц: 2) квантовый шар на пружине 3. Разбираемся в физике частиц: 3) волны, классический вид 4. Разбираемся в физике частиц: 4) волны, классическое уравнение движения 5. Разбираемся в физике частиц: 5) квантовые волны