Frontend notes, 2019

High quality resize images in browser

Pica – high quality image resize in browser
(used Web Worker (sample), Web Assembly, Promises)

Image Resize in Browser, pure JS and Canvas


Polyfill Promise (Lie), совместимый с ES6

Promises EsmaScript 2015 (ES6), (учебник, рус)



Web Worker, 2019, (учебник, рус)

Начало работы с WebAssembly, (статья, рус)


Сборщик js кода

Rollup – home page (en)
Rollup – test it online
Rollup 2019 (статья, рус)

Модули в JS (ES-2015 стандарт) (учебник, рус)


SSL for Free, 3 month

Стоит присмотреться:

Browserify, (nodejs style import modules for browsers)


Animation perfomance (JS, CSS)

Производительность визуализации (учебник, рус)
Оптимизация выполнения JavaScript (статья, рус)

Leaner, Meaner, Faster Animations with requestAnimationFrame (article, en)
Decouple animations from events! (article, en)
Performance comparison: transitions vs. requestAnimationFrame (article, en)
Preventing layout thrashing (article, en) 

JS-animation подробно / requestAnimationFrame(), (учебник, рус) 
Web Animations API / CSS->JS, keyframes animations!, (учебник, en)

Библиотека Velocity.js

How to not trigger browser repaint when opacity changes (tip)


Подробно о методах apply(), call() и bind()

БЭМ (Блок, Элемент, Модификатор) (учебник, рус) — компонентный подход к веб-разработке

Immediately-Invoked Function Expression (IIFE) (article, eng)