GSAP – одна из самых популярных JavaScript-библиотек для создания анимаций. Её используют как новички, так и опытные front-end-разработчики. В этой статье я хочу рассмотреть несколько примеров ее применения – от самых простых до менее очевидных. Читать далее
Если вы когда-либо писали автотесты для веб-приложений с элементом canvas, то наверняка знаете, как это может быть непросто. Canvas — это "чёрный ящик", где привычные инструменты UI-тестирования бессильны: внутри нет DOM-структуры, за которую можно зацепиться. При этом на экране canvas может отображать что угодно — от графиков с осями X и Y до сложных анимаций.Хотите узнать, как автоматизировать тестирование canvas без лишней боли? Давайте разберёмся на простом примере. Читать далее
Визуализатор звука, в котором светящийся 3D-шар пульсирует и меняет цвет в такт музыке, а перетаскиваемые панели GSAP плавно перемещаются вокруг него по инерции.ДемоКодЗвук — это волны, зрение — это волны, которые мы видим. Я всегда стремлюсь поймать момент, когда эти волны…
Скажем честно: писать хороший CSS-код бывает сложно. Многие разработчики не любят писать CSS. Все что угодно, но только не это! Только не CSS. Когда при разработке приложений приходилось браться за CSS, это была не самая радостная часть работы. Но ее ведь не избежать, верно? Сегодня…