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
Лучшие практики проектирования и реализации форм: коллекция простых советов, подкреплённых результатами исследований → 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
routeGen, библиотека для удобной генерации URL с параметрами на основе заданной конфигурации роутов → https://github.com/drewjbartlett/routegen
Прекратите использовать lorem ipsum: Стивен Гэррити рассказал, как улучшить дизайн с помощью сложных данных вместо рыб и плейсхолдеров → https://alistapart.com/article/design-with-difficult-data
Shimport, экспериментальный двухкилобайтный шим для ES-модулей с поддержкой динамического импорта от Рича Харриса → https://github.com/Rich-Harris/shimport
Цикличное изменение цвета и веб-воркеры: Дэйв Руперт о деталях реализации анимации огня на новом сайте Paravel → https://daverupert.com/2018/09/color-cycling-image-pixels-with-workers/