3D-таймлайн на чистом JavaScript: как я собирал этот слайдер по шагам

Устал от однообразных каруселей? В статье показываю, как шаг за шагом собрать 3D-таймлайн-слайдер с перспективной сеткой, плавной прокруткой и переключением категорий на чистом TypeScript и CSS.

https://habr.com/ru/articles/966712/

#javascript #html5 #typescript #анимация #анимация_и_3d_графика #css #3d #requestanimationframe #ui #ux

[Перевод] Способы разделения длительных задач в JavaScript

Иногда возникает необходимость разделить длительную дорогую (с точки зрения вычислений) задачу на несколько тиков (ticks) цикла событий (event loop). Существует множество способов это сделать. Рассмотрим их. Легко "уничтожить" пользовательский опыт, позволив длительной дорогой задаче захватить основной поток (main thread). Неважно, насколько сложным является приложение, цикл событий может выполнять только одну задачу за раз. Пока выполняется одна задача, другие ждут своей очереди. Как правило, задача выполняется настолько быстро, что пользователь ничего не замечает. Но так бывает не всегда.

https://habr.com/ru/companies/timeweb/articles/882418/

#timeweb_статьи_перевод #javascript #long_task #settimeout #promise #scheduler #requestidlecallback #requestanimationframe #длительная_задача #промис #планировщик #main_thread #call_stack #основной_поток #стек_вызовов

Nouvel article:

Animations avec #JavaScript et #requestAnimationFrame

http://sacripant.fr/codes/40/animations-avec-javascript-requestanimationframe

#bookmark #motion #requestAnimationFrame #timingFunction

Emulating CSS Timing Functions with JavaScript by @anatudor

https://css-tricks.com/emulating-css-timing-functions-javascript/