For Web — фронтенд, дизайн, программирование

Метапрограммирование в ES2015

Кит Сёкел с серией подробнейших статей о средствах метапрограммирования, появившихся в ES2015:

Символы → https://www.keithcirkel.co.uk/metaprogramming-in-es6-symbols/
Reflect → https://www.keithcirkel.co.uk/metaprogramming-in-es6-part-2-reflect/
Proxy → https://www.keithcirkel.co.uk/metaprogramming-in-es6-part-3-proxies/

Чем различаются промисы, setTimeout, setInterval, setImmediate, requestAnimationFrame и requestIdleCallback? Руководство по таймерам в вебе от Нолана Лоусона → https://nolanlawson.com/2018/09/01/a-tour-of-javascript-timers-on-the-web/

Как реализовать serverless-рендеринг на AWS Lambda на примере приложения на Nuxt.js → https://dashbird.io/blog/a-crash-course-on-serverless-side-rendering-with-vuejs-nuxtjs-and-aws-lambda/

Книга Эдди Османи Essential Image Optimization о форматах изображений и основных техниках их оптимизации в переводе на Хабре → https://habr.com/post/422531/

Как GitHub перешёл с jQuery на нативные API

Подробный рассказ с историческим экскурсом, объяснением причин неактуальности jQuery, описанием процесса постепенного перехода и обзором нового подхода к разработке фронтенда сервиса → https://githubengineering.com/removing-jquery-from-github-frontend/

Image Performance

Пополнение в серии брошюр A Book Apart: Мэта Маркиз о техниках и паттернах оптимизации изображений → https://abookapart.com/products/image-performance

TypeScript в Google

Почему в Google начали использовать TypeScript и что было до него, рассказывает Эван Мартин → http://neugierig.org/software/blog/2018/09/typescript-at-google.html

Как работает Headless Chrome: запись и расшифровка доклада Виталия Слободина, создателя PhantomJS → https://habr.com/p/421137/

Подробное сравнение Flow и TypeScript: синтаксис, DX, вывод типов → https://github.com/niieani/typescript-vs-flowtype

Лучшие практики проектирования и реализации форм: коллекция простых советов, подкреплённых результатами исследований → http://subtract.design/entry/forms/

Команда Google AMP представила WorkerDOM, реализацию DOM API для веб-воркеров, позволяющую разгрузить основной тред от второстепенных операций над DOM → https://github.com/ampproject/worker-dom

Полная демонстрация возможностей OpenType в вебе с помощью CSS-свойства font-feature-settings: кернинг, лигатуры, альтернативные глифы и многое другое → https://sparanoid.com/lab/opentype-features/

Новинки Chrome 69 (помимо редизайна UI) в обзоре Пита Лепажа: CSS Scroll Snapping, поддержка вёрстки под iPhone X, Web Locks API, конические градиенты, новые методы toggleAttribute/flat/flatMap и OffscreenCanvas → https://youtu.be/WF2IjH35w8o

P. S. Хрому исполнилось 10 лет!

Введение в новый Web Locks API на примере синхронизации операций в приложении, открытом в нескольких вкладках браузера → https://www.sitepen.com/blog/2018/08/14/cross-tab-synchronization-with-the-web-locks-api/