For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Новинки Chrome 69 (помимо редизайна UI) в обзоре Пита Лепажа: CSS Scroll Snapping, поддержка вёрстки под iPhone X, Web Locks API, конические градиенты, новые методы toggleAttribute/flat/flatMap и OffscreenCanvas → https://youtu.be/WF2IjH35w8o

P. S. Хрому исполнилось 10 лет!
Полная демонстрация возможностей OpenType в вебе с помощью CSS-свойства font-feature-settings: кернинг, лигатуры, альтернативные глифы и многое другое → https://sparanoid.com/lab/opentype-features/
Команда Google AMP представила WorkerDOM, реализацию DOM API для веб-воркеров, позволяющую разгрузить основной тред от второстепенных операций над DOM → https://github.com/ampproject/worker-dom
Лучшие практики проектирования и реализации форм: коллекция простых советов, подкреплённых результатами исследований → https://subtract.design/entry/forms/
Подробное сравнение Flow и TypeScript: синтаксис, DX, вывод типов → https://github.com/niieani/typescript-vs-flowtype
Как работает Headless Chrome: запись и расшифровка доклада Виталия Слободина, создателя PhantomJS → https://habr.com/p/421137/
TypeScript в Google

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

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

Подробный рассказ с историческим экскурсом, объяснением причин неактуальности jQuery, описанием процесса постепенного перехода и обзором нового подхода к разработке фронтенда сервиса → https://githubengineering.com/removing-jquery-from-github-frontend/
Книга Эдди Османи Essential Image Optimization о форматах изображений и основных техниках их оптимизации в переводе на Хабре → https://habr.com/post/422531/
Как реализовать serverless-рендеринг на AWS Lambda на примере приложения на Nuxt.js → https://dashbird.io/blog/a-crash-course-on-serverless-side-rendering-with-vuejs-nuxtjs-and-aws-lambda/
Чем различаются промисы, setTimeout, setInterval, setImmediate, requestAnimationFrame и requestIdleCallback? Руководство по таймерам в вебе от Нолана Лоусона → https://nolanlawson.com/2018/09/01/a-tour-of-javascript-timers-on-the-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/
Руководство по кодсплиттингу от Эдди Османи и Джереми Вагнера: от теории до продвинутых техник вроде предзагрузки скриптов → https://developers.google.com/web/fundamentals/performance/optimizing-javascript/code-splitting/
🎧
Свежие подкасты

Frontend Weekend №69, в гостях Руслан Каймаков: как построить карьеру руководителя в мире разработки → https://soundcloud.com/frontend-weekend/fw-69

«Пятиминутка React» №46, Juliarderity by Chicoxyzzy: хардкорные новости JavaScript в Telegram → https://soundcloud.com/5minreact/46-juliarderity-by-chicoxyzzy

«Веб-стандарты» №137, в гостях Валерия Курмак из Сбертеха: новинки Chrome 69 и Firefox 62, Chrome отключит JS на медленных сетях, ссылки в ссылках и доступность интерфейсов → https://medium.com/p/b4980667c429

«Девшахта» №49, в гостях Дмитрий Злыгин, ведущий подкаста «Недельный Vue»: Vue 2,5 года в продакшене, полёт нормальный → https://medium.com/p/79a5eccf6a73

«Недельный Vue» №3: обзор свежих новостей, публикаций и докладов → https://soundcloud.com/dmitry-zlygin/weekly-vue-3

«Новости 512» от CSSSR №20: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-10-0309-0909