For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Метрики веб-перформанса: новый раздел на web.dev с описанием основных метрик, способами их измерения и методологией определения собственных метрик → https://web.dev/metrics/
Вышла третья версия GSAP, популярной библиотеки для создания анимаций: упрощённый API, уменьшенный бандл, анимация width/height в auto, новые утилиты и многое другое → https://greensock.com/3
Обзор новых CSS-свойств для гибкой настройки подчёркивания текста → https://youtu.be/sZS-7RX_c7g
Растеризация SVG-анимаций: Тайлер Стика поделился опытом экспорта веб-анимаций в понятный нативным мобильным приложениям формат → https://cloudfour.com/thinks/rasterizing-svg-animations/
Распространённые паттерны раскладки на флексбоксе с кодом и примерами: от стандартных трёх колонок до masonry-раскладки → https://tobiasahlin.com/blog/common-flexbox-patterns
Как инженеры Discord сделали своё iOS-приложение на React Native сравнимым с нативными приложениями по скорости работы → https://blog.discordapp.com/390c84dcd502
CodeSandbox CI, новый бесплатный CI-сервис для опенсорсных JavaScript-библиотек, уже используемый популярными проектами вроде React, Babel, Framer и Material UI → https://codesandbox.io/post/codesandbox-ci-embeds
Как поддерживаемые браузеры влияют на размер бандла? Исследование и практические рекомендации по оптимизации → https://www.debugbear.com/blog/how-does-browser-support-impact-bundle-size
babel-preset-modules, новый пресет для компиляции кода под современные браузеры, исправляющий браузерные баги и неточности реализации современных возможностей JS → https://github.com/babel/preset-modules
Figma Ninja, макет для изучения графического редактора Figma в формате квеста → https://www.figma.com/c/file/769694576496801916
Адаптивная потоковая передача видео в вебе: зачем её использовать, как она устроена под капотом, лучшие практики реализации → https://www.heartinternet.uk/blog/best-practices-for-optimising-video-streams-on-the-web/
Важные материалы первой половины ноября: доступность и закон, интервью с Дэном Абрамовым, babel/preset-modules, ресурсы о веб-компонентах, передача дизайн-макетов разработчикам, мифы о контрасте цветов, приведение типов в JS, состояние веба в 2019 → https://forwebdev.ru/digest/2019-11-16/
Большой рассказ Ильи Климова о работе фронтенд-разработчиком в GitLab → https://twitter.com/xanf_ua/status/1194852796035731456
Редактирование текста тоже вас ненавидит: обзор нюансов и проблем в области редактирования текста в ответе на статью «Рендеринг текста вас ненавидит» → https://habr.com/p/474036
CSS4 не будет… потому что он давно прошёл. Встречайте CSS8! Илья Стрельцын разбирается в истории развития и текущем состоянии спецификаций CSS → https://css-live.ru/css/css4-ne-budet-potomu-chto-on-davno-proshel-vstrechajte-css8.html
relative-deps, утилита для связки локальных пакетов, решающая проблемы npm/yarn link → https://github.com/mweststrate/relative-deps
Как и зачем мы переписали Тяжеловато на Тайпскрипт: Саша Беспоясов об опыте рефакторинга приложения для снижения расходов → https://bespoyasov.ru/blog/tzlvt-upgrade/
This media is not supported in your browser
VIEW IN TELEGRAM
Необычные способы применения псевдоэлементов: Ахмад Шадид делится практическими трюками для реализации hover-эффектов, теней и многого другого → https://ishadeed.com/article/unusual-use-cases-pseudo-elements/
Введение в Web Bundles, новый способ упаковки и распространения сайтов одним файлом → https://web.dev/web-bundles/
Организация и защита подключаемых с CDN сторонних ресурсов: опыт инженеров Yelp → https://engineeringblog.yelp.com/2019/11/organizing-and-securing-third-party-cdn-assets-at-yelp.html